Javascript jQuery自动完成，动态添加具有相同ID的输入字段

多亏了这个脚本，我可以通过单击add按钮创建任意数量的成对输入字段。它工作正常。为了方便起见，您可以看到所有输入字段都具有相同的ID，格式为[]

<script>
$(document).ready(function() {
    $("#add").click(function() {
        var intId = $("#buildyourform div").length + 1;
        var fieldWrapper = $("<div class=\"fieldwrapper\" id=\"field" + intId + "\"/>");

        var fName = $("<input type=\"text\" name=\"quantita[]\" id=\"quantita[]\" placeholder=\"Dose\" tabindex=\"7\" class=\"field text small\" required>");
        var fType = $("<input type=\"text\" name=\"ingrediente[]\" id=\"ingrediente[]\" placeholder=\"Ingrediente\" tabindex=\"7\" class=\"field text medium\" required>");
        var removeButton = $("<input type=\"button\" class=\"remove\" value=\"-\" />");
        removeButton.click(function() {
            $(this).parent().remove();
        });

        fieldWrapper.append(fName);
        fieldWrapper.append(fType);
        fieldWrapper.append(removeButton);

        $("#buildyourform").append(fieldWrapper);
    });
});

</script>

---

所有的输入字段都有相同的ID问题，因为ID必须是唯一的。是的，您需要某种密钥来附加到您的ID。若你们想在jquery中一次将它们全部选中，那个么添加另一个类。我使用了一个数组作为解决方案，因为这样我可以控制用户可以取消一些输入文本的事实，所以，在ID后面附加一个唯一的键，我会有一些空的随机值。Es:IngRedient0、IngRedient1、IngRedient5使用移除按钮将IngRedient从2取消到4。[]与php中的name不同，javascript中的ID不适用于php中的ID。每个元素都应该有一个唯一的ID。

<script>
$(document).ready(function($){
    $('#ingredienti[]').autocomplete({
    source:'cerca.php', 
    minLength:2
    });
});
</script>

var x = document.getElementsByClassName("medium");

$(x).autocomplete({
    source:'cerca.php', 
    minLength:2
});