jQuery UI自动完成功能通过PHP和MySQL附加

Question

我有一个小问题，我相信我找不到错误...

我所拥有的是一种简单形式，它使用自动完成功能在数据库中查找内容，这仅适用于FIRST（默认）输入字段。

我想要它做的是在附加的输入上“重新初始化”自动完成功能，但似乎我无法管理它，并且我已经尝试使用google全部...（可以说:)）。

这是JS部分。

$(function() {
        var i=0;
        var autocomp_opt={
                source: "functions.php",
                minLength: 3,

            }
                $(".itemname").on("keydown.autocomplete", function() { // this one works
                    $(this).autocomplete(autocomp_opt);
                });
                $(".itemname["+i+"]").on("keydown.autocomplete", function(){ // doesnt work
                    $(this).autocomplete(autocomp_opt);
                });

                $(".addfield").click(function(e){ //on add input button click
                    i++;
                     e.preventDefault();
                    $("#createList").append('<br /><input type="text" name="itemname['+i+']" class="itemname['+i+']" placeholder="Livsmedel" />');//add input box
                });
});

形式如下：

            <form method="post" id="createList" action="create.php" class="pure-form" >
                <input type="text" name="itemname[0]" class="itemname" placeholder="Livsmedel" />
                <input type="text" name="amount" style="display:none" class="amount" placeholder="">
                <input type="text" name="unit" class="unit" />
                <button type="button" class="addfield" />+</button>
                <button type="submit" class="pure-button pure-button-primary" name="insert">Lägg in</button>
            </form>

该错误应该很简单，但我找不到它:(

Answer 1

很高兴，链接有所帮助。 我也已经找到了解决方案。 看来您已经接近了，但是因为i没有在增加，所以您的第二个功能（那个不起作用）失败了。

我在这里工作： http : //jsfiddle.net/gd7qke4v/2/

我所做的就是将您的基本autocomplete设置为此：

$(document).on("keydown", ".itemname", function () {
    //$(this).autocomplete(autocomp_opt);
    $(this).nextAll('input[name="unit"]').val('query result'); // here instead of val, use your autocomplete().   
});

它将autocomplete功能与文档联系起来，查找.itemname为active / keydown，然后查找名称为unit的下一个输入。 只需将.val替换为.val .autocomplete(autocomp_opt)进行设置。