jQuery的自動完成輸入數組

Question

我正在使用以下公式：

ROW1: <input class="search" name="pos[]" value=""><input name="str[]" value="">
ROW2: <input class="search" name="pos[]" value=""><input name="str[]" value="">
ROW3: <input class="search" name="pos[]" value=""><input name="str[]" value="">

對於每行的第一個輸入，我激活了jQuery自動完成功能：

$(".search").autocomplete(ac_new_invoice);
var ac_new_invoice = {
    source: "productsearch.php",
    minLength:1,
    select: function(data){
        var str = document.forms[0].elements["str[]"];
        str[1].value = '1.000,00';
    }
}

所以當我打字的時候效果很好

 str[1].value = '1.000,00';

但是我想要的是，如果我在第1行中鍵入，則第1行中的輸入str將會更改。 但是，如何獲得執行自動完成的行？

提前致謝！

Answer 1

您可以在每個元素上調用自動完成功能，而不是一次對所有元素應用自動完成功能。

$('.search').each(function (i) {
    var ac_new_invoice = (function (i) {
        return {
            source: "productsearch.php",
            minLength: 1,
            select: function (data) {
                var str = document.forms[0].elements["str[]"];
                str[i].value = '1.000,00';
            }
        };
    })(i);
    $(this).autocomplete(ac_new_invoice);
});

請注意，您需要(function (i){ blabla })(i)來立即復制變量i 。