[英]Jquery autocomplete on dynamically created inputs
我還在學習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()
但我想我不能在這里使用它,或者我不知道如何使用。
謝謝你的幫助。
祝你今天愉快!
由於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">
希望這可以幫助
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.