สอบถามเรื่อง autocomplete ครับ บวกเพิ่มแถวใหม่แล้วข้อมูลไม่แสดง
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเรื่อง autocomplete ครับ บวกเพิ่มแถวใหม่แล้วข้อมูลไม่แสดง
สอบถามเรื่อง autocomplete ครับ บวกเพิ่มแถวใหม่แล้วข้อมูลไม่แสดง
Copy
ตามรูปตอนแรก มีแถวที่ 1 ซึ่ง autocomplete ดึงข้อมูลมาแสดงแบบปกติ แต่เมื่อผมกด + เพิ่มแถว 2 และ 3
กลับไม่แสดงข้อมูลครับ มันแสดงเฉพาะแถวแรก ไม่ทราบว่าต้องเพิ่มตรงไหนอีกรบกวนด้วยครับ
form code
<label> คณะทำงาน</label> <div class="form-group input-group"> <span class="badge badge-primary css-plan-number-gr">1</span> <input type="text" name="txtwk_group[]" class="txtres_person form-control" > <span class="input-group-btn"><button type="button" class="btn btn-success btn-add-group">+</button></span> </div>
js autocomplete
var states = [ <?php $EmName = ""; while ($result = mysqli_fetch_array($query)) { $EmName .= "'" . $result['EmName'] . "',"; } echo rtrim($EmName, ","); ?> ]; $(function () { $(".txtres_person").autocomplete({ source: [states] }); });
js เพิ่มแถว
$(document).ready(function() { var max_fields = 15; //maximum input boxes allowed var wrapper = $(".txtwk_group"); //Fields wrapper var add_button = $(".btn-add-group"); //Add button ID var x = 1; //initlal text box count $(add_button).click(function(e) { //on add input button click e.preventDefault(); if (x < max_fields) { //max input box allowed '<b>'+(x+1)+'.)'+ '</b>' + ' ' + x++; //text box increment //$(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box $(wrapper).append( '<div class="form-group input-group">'+ '<span class="badge badge-primary css-plan-number-gr">1</span> '+ '<input type="text" name="txtwk_group[]"class="txtres_person form-control" >'+ '<button type="button" class="remove_field btn btn-danger">-</button>'+ '</div>' ); } $('.css-plan-number-gr').each(function(x) { $(this).text(x+1); }); }); $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text e.preventDefault(); $(this).parent('.input-group').remove(); calculateTotal(); x--; }) });
Thammarat Phanphai
11-10-2019
15:56:07
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ