Question

尝试使用AJAX自动搜索（jquery-ui.min.js）

$(function() {  
    $(".auto").autocomplete({
        source: "search.php",
        minLength: 2
    });             
});

<input name="data[]" class="auto" type="text" style="width:100px;">

我希望多个输入ajax auto complete功能具有相同的输入名称，但只有第一个输入工作

<input name="data[]" class="auto" type="text" style="width:100px;">
<input name="data[]" class="auto" type="text" style="width:100px;">

Answer 1

试试这个

HTML

<input name="data[]" class="auto" type="text" style="width:100px;">
<br>
<button id="add"> Add field</button>

JS

function autoComplete(target) {
    target.autocomplete({
        source: "search.php",
        minLength: 2});
    target.attr('test','yes');
}

$(function() {  
    autoComplete($(".auto").first());    

    $("#add").click(function() {
        newInput = $(".auto").first().clone();
        newInput.insertAfter($(".auto").last());
        newInput.val('');
        autoComplete($(".auto").last());
    });
});

请参阅JSFiddle（检查浏览器的控制台，看它发布到search.php）

具有相同输入名称的AJAX自动完成

1 个答案: