สอบถามเรื่อง 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--;
})
});
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ