php - 动态多条记录的jQuery自动完成

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 代码：

$('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({
    });

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

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