Question

我试图在附加字段中进行自动填充。例如：

我通过点击ID =＆＃34; add_field＆＃34;

的链接向表单添加动态字段

var counter = 0;
$(function(){
    $('a#add_field').click(function(){
    counter += 1;
    $('#container').append(
        '<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" /><br />' );
    });
});

make field autocomplete

$(document).ready(function(){
    $("input[class=name]").autocomplete({
    source:'searches/product_autocomplete.php',
    minLength:2
    });
});

然而，它不会自动完成。
我已经在一个静态字段中尝试了这个，其中class =＆＃34; name＆＃34;它的工作原理。但它在动态字段中不起作用。

Answer 1

您可以在创建新元素时将自动填充附加到新元素：

    $(document).ready(function () {
        var counter = 0;
        $('#add_field').click(function () {
            counter += 1;
            $('<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" /><br />')
                .appendTo($('#container'))
                .autocomplete({
                    source: 'searches/product_autocomplete.php',
                    minLength: 2
                });
        });
    });

Answer 2

如果您要添加动态HTML，那么它就不会在页面加载时加载到DOM中。您可能需要在页面加载后附加事件。

尝试：

var counter = 0; 
$(function(){
    $("#dataTable tbody" )on('click', 'tr', function()
     {
       counter += 1;
       $('#container').append(
        '<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" />
        <br />' );
});  });

附加字段中的自动填充

2 个答案: