สอบถามเรื่อง autocomplete ครับ บวกเพิ่มแถวใหม่แล้วข้อมูลไม่แสดง

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

สอบถามเรื่อง autocomplete ครับ บวกเพิ่มแถวใหม่แล้วข้อมูลไม่แสดง

ตามรูปตอนแรก มีแถวที่ 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>&nbsp;'+
        '<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

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

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

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ลองดูเนื้อหาเพิ่มเติม ของบทความนี้เป็นแนวทาง

บทความแนะนำที่เกี่ยวข้อง
การเพิ่ม ลบ แก้ไข ข้อมูล กับ รายการ clone() ด้วย jquery	อ่าน 25,353

ninenik 11-10-2019

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน