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

Question

我有一个输入文字字段

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

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

$("#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'); ?>"  
});