如何为动态创建的文本框实现自动建议

Question

我的代码如下。我从一个网站上得到它。但我认为缺少一些东西。请帮我完成我的任务。提前致谢

//HTML

<div class="input_fields_wrap">
    <button class="add_field_button">Add More Fields</button>
    <div><input type="text" name="mytext[]"></div>
</div>

//JS

    var availableAttributes = [
          "account_address",
          "account_address_city",
          "account_address_country",
          "account_address_state",.
          "account_address_street1",
          "account_address_street2",
          "account_address_zip",
          "account_email",
          "account_login",
          "account_name",
          "account_number",
          "account_telephone"
        ];

    $(document).ready(function() {
        var max_fields      = 10; //maximum input boxes allowed
        var wrapper         = $(".input_fields_wrap"); //Fields wrapper
        var add_button      = $(".add_field_button"); //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
            x++; //text box increment
            $(wrapper).append('<div><input id="' + x + '" type="text" name="mytext"/><a href="#" class="remove_field">Remove</a></div>');

 //add input box


 $( "input[id="+ x +"]" ).autocomplete({
                source: availableAttributes
            }); 
        }
    });

   });

Answer 1

这个问题非常小。你的 json 是错误的。它在account_address_state 之后的json 中有一个.

修复 json 后检查工作演示 codepen