สอบถามเรื่อง 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

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

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


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


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

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


บทความแนะนำที่เกี่ยวข้อง
การเพิ่ม ลบ แก้ไข ข้อมูล กับ รายการ clone() ด้วย jqueryอ่าน 24,860
ninenik 11-10-2019






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ