Question

我有以下HTML：

<input name="data[Content][0][name]" type="text" class="content_name_1" id="content_name" >


<input name="data[Content][1][name]" type="text" class="content_name_2" id="content_name" >
                             ........


<input name="data[Content][n][name]" type="text" class="content_name_n" id="content_name" >

以下jQuery-Code：

$('input[name="data[Content][0][name]"]').autocomplete({
        minLength: 0,
        source: function(request, response){
            $.ajax({
                url: '/contents/ajax_search/' + request.term,
                dataType: 'json',
                success: function(data){
                    response(data);
                }
            });
        }
    });

我创建动态HTML输入字段，我想将它们与自动完成功能链接，但我只能用其中一个来完成。我该如何解决这个问题？

Answer 1

第一种方法是使用多个选择器，

$('input[name="data[Content][0][name]"], input[name="data[Content][1][name], input[name="data[Content][2][name]"]"] ').autocomplete({
    });

第二种方法是在所有html框中添加class="common"并使用类名作为选择器

$('.common').autocomplete({
    });

动态多记录的jQuery自动完成

1 个答案: