jQuery自动完成动态创建的输入

Question

我还在学习javascript和Jquery 。 我正在使用jQuery创建简单的autocomplete功能：

 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { $( "#nazov" ).autocomplete({ minLength: 2, source: 'private/search.php', select: function(event, ui) { document.getElementById("pocet").value = ui.item.pocet; } }); }); 

  <label for="nazov">Názov: </label> <input id="nazov"> <input id="pocet"> 

我有一些基本的JS函数来创建输入。 每个新输入都具有id="nazov"但是自动完成功能仅适用于非动态输入，并且动态创建的每个新输入均不起作用。

我认为这是因为自动完成功能不了解新输入。 有什么方法可以将自动补全更改为寻找新的输入，并自动完成具有不同收益的每个输入？ 我找到了一些不赞成使用的函数.live()和.on()但我想我不能在这里使用它，或者我不知道如何使用。

谢谢你的帮助。

祝你今天愉快！

Answer 1

由于ID是唯一的，因此您不应两次分配ID。 为此，请使用类。 因此，您的代码将如下所示：

JS：

$(function() {
    $(".nazov").autocomplete({
    minLength: 2,
    source: 'private/search.php',

    select: function(event, ui) {
        document.getElementByClass("pocet").value = ui.item.pocet;
    }
  });
});

HTML：

<label for="nazov">Názov: </label>
<input class="nazov">
<input class="pocet">

希望这可以帮助