ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด
ช่วยหน่อยนะคะ เลือก select แล้วให้แสดงค่าใน textbox แบบเพิ่มบรรทัด
Copy
เลือก select แล้วจะแสดงค่าใน textbox
แต่พอเพิ่มบรรทัด อีกบรรทัด เมื่อเลือก select แล้ว ค่าใน textbox ไม่แสดงออกมาน่ะค่ะ ช่วยหน่อยนะคะ งมมาเป็นอาทิตย์แล้ว
แต่พอเพิ่มบรรทัด อีกบรรทัด เมื่อเลือก select แล้ว ค่าใน textbox ไม่แสดงออกมาน่ะค่ะ ช่วยหน่อยนะคะ งมมาเป็นอาทิตย์แล้ว
<?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">ราคารวมรถทั้งหมด <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> </td> </tr> </table>
Mali19
03-07-2017
01:29:47
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ