如何实现jquery自动完成以动态生成输入文本字段

Question

我有一个输入文本字段

 <input type='text' id="vendor_name" name='add_product_vendor_name[]' placeholder='Enter Vendor Name'>  

可以选择使用 jquery append 函数添加更多供应商名称

$("#vendor_name").append("<br><input type='text' id="vendor_name"  name='add_product_vendor_name[]' placeholder='Enter Vendor Name'>");

我必须对所有动态生成的字段实现 jquery 自动完成功能，目前我能够使自动完成功能在第一个字段上工作，但我无法在使用 onclick 功能附加的字段上使用自动完成功能。这是我用来实现自动完成的代码

   $("#name").autocomplete({

                    source: "<?php echo site_url('product/auto_complete_product'); ?>"  

                });

Answer 1

您需要在附加输入元素后附加自动完成：

$("#vendor_name").append("<br><input type='text' id="name"  name='add_product_vendor_name[]' placeholder='Enter Vendor Name'>");
$("#vendor_name #name").autocomplete({
    source: "<?php echo site_url('product/auto_complete_product'); ?>"  
});