Question

由于这个脚本，我可以通过单击添加按钮创建所需数量的输入字段（成对）。它工作正常。为方便起见，您可以看到所有输入字段具有相同的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>

现在我想用family id = ingrediente []在我的每个输入文本上激活自动完成功能。自动完成的值来自mysql数据库和我准备的php文件正常工作。这里有激活脚本。

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

如果我尝试cerca.php＆＃39;在我的表单中的一个简单的输入文本，它可以正常工作但是，如在示例中，我尝试将其与ingredienti []一起使用它根本不起作用。

我该如何解决这个问题？

谢谢！

编辑（并已解决！）

我在脚本中添加了以下代码（当然在底部）。

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

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

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

0 个答案: