ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด

ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด
เลือก select แล้วจะแสดงค่าใน textbox 
แต่พอเพิ่มบรรทัด อีกบรรทัด เมื่อเลือก select แล้ว ค่าใน textbox ไม่แสดงออกมาน่ะค่ะ ช่วยหน่อยนะคะ งมมาเป็นอาทิตย์แล้ว crying 


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<?php
mysql_connect("localhost","root","");
 
mysql_select_db("mrk");
 
mysql_query("SET NAMES UTF8");
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<script type="text/javascript">
 
$(function(){
      
    $("#addRowcar").click(function(){ 
        // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ 
        // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน 
        // รีเซ้ตเป็นค่าว่าง ถ้ามีข้อมูลอยู่แล้ว ทั้ง select หรือ input 
        $(".firstTrcar:eq(0)").clone(true)  
        .find("input").attr("value","").end() 
        .find("select").attr("value","").end() 
        .appendTo($("#myTblcar")); 
    }); 
    $("#removeRowcar").click(function(){ 
        // // ส่วนสำหรับการลบ 
        if($("#myTblcar tr").size()>2){ // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ 
            $("#myTblcar tr:last").remove(); // ลบรายการสุดท้าย 
        }else{ 
            // เหลือ 1 รายการลบไม่ได้ 
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ"); 
        } 
    });
     
    $(".in-qtycar").click(function(){
        $(this).select();  
    })
    $(".in-qtycar").keyup(function(){
        var indexObjcar=$(".in-qtycar").index(this);
        var qtycar=$(".in-qtycar").eq(indexObjcar).val();
        var pricecar=$(".carPrice").eq(indexObjcar).val();
        var amountcar=qtycar*pricecar;
        $(".in-amountcar").eq(indexObjcar).val(amountcar);      
          
        var totalAmountcar=0;
        $(".in-amountcar").each(function(i,k){ 
            var qtycar=$(".in-qtycar").eq(i).val(); 
            var pricecar=$(".carPrice").eq(i).val(); 
            var amountcar=qtycar*pricecar; 
            $(".in-amountcar").eq(i).val(amountcar);
            totalAmountcar+=amountcar; 
        });    
        $(".in-amount-totalcar").val(totalAmountcar);    
    });
      
      
    // // ส่วนนี้ เป็นการแสดง รวม ค่าในช่อง in-amount
    var totalAmountcar=0;
    $(".in-amountcar").each(function(i,k){ 
        var qtycar=$(".in-qtycar").eq(i).val(); 
        var pricecar=$(".carPrice").eq(i).val(); 
        var amountcar=qtycar*pricecar; 
        $(".in-amountcar").eq(i).val(amountcar);
        totalAmountcar+=amountcar; 
    });    
    $(".in-amount-totalcar").val(totalAmountcar);
});
 
</script>
<!------------------------------------------------------------------------------------------->
<script language="JavaScript">
    function resutcar(carID)
    {
        switch(carID)
        {
            <?php
            $strSQLcar = "SELECT * FROM car ORDER BY carID ASC";
            $objQuerycar = mysql_query($strSQLcar);
            while($objResultcar = mysql_fetch_array($objQuerycar))
            {
            ?>
                case "<?php echo $objResultcar["carID"];?>":
                frmMain.carPrice.value = "<?php echo $objResultcar["carPrice"];?>";
                break;
            <?php
            }
            ?>
            default:
             frmMain.carPrice.value = "";
        }
    }
</script>
 
<!------------------------------------------------------------------------------------------->
<form method="post"  name="frmMain" action="index.php?module=user&action=insert-book" enctype="multipart/form-data">
 
<table width="100%" bordercolor="#FFCC66"><tr><td>
                <table id="myTblcar" width="100%" >           
                    <tr><th>เลือกรถ</th><th>ราคา</th><th>จำนวน</th><th>ราคารวม</th></tr>
                     
                    <tr bgcolor="#FFFFFF" align="center"  class="firstTrcar">
                     
                    <td><select name="carID[]" OnChange="resutcar(this.value);">
        <option value=""><<-----เลือกรถ----->></option>
 
            <?php
            $strSQLcar = "SELECT * FROM car ORDER BY carID ASC";
            $objQuerycar = mysql_query($strSQLcar);
            while($objResultcar = mysql_fetch_array($objQuerycar))
            {
            ?>
            <option value="<?php echo $objResultcar["carID"];?>"><?php echo $objResultcar["carName"];?></option>
            <?php
            }
            ?>
        </select></td>
                    <td><input type='text' name='carPrice' class="carPrice" value=""></td>
                    <td><input type='text' name='in-qtycar[]' class="in-qtycar"></td>
                    <td><input type='text' name='in-amountcar[]' class="in-amountcar" ></td>
                    </tr>
                     
                </table>
                </td></tr>
                <tr><td align="right">ราคารวมรถทั้งหมด &nbsp;&nbsp;<input type='text' name='in-amount-totalcar[]' class="in-amount-totalcar" ></td></tr>
                <tr><td>
                <table align="center" width="95%">
                  
              <tr align="right"> 
                <td> 
                <button style="background-color:#FF6; height:25; width:25; font-size:18px; border-radius:10px;" id="addRowcar" type="button">+</button>   
                  
                <button  style="background-color:#F63; height:25; width:25; font-size:18px; border-radius:10px;" id="removeRowcar" type="button">-</button> 
                &nbsp; 
                &nbsp; 
            </td> 
              </tr> 
            </table>


Mali19 03-07-2017 01:29:47

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ต้องฝึก debug การทำงานของ javascript ดูเนื้อหานี้เป็นแนวทาง

การใช้งาน console log เพื่อ debug javascript ใน chrome firefox และ ie 
https://www.ninenik.com/content.php?arti_id=692 via @ninenik

ตรวจสอบการทำงานของ ฟังก์ชั่น resutcar() ว่าทำงานถูกหรือไม่ มีการส่งค่าหรือไม่
 


ninenik 03-07-2017







สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet
หรือ
Terms of Service | Privacy Policy
Author
2025 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ