jQuery Autocomplete ID是一個(gè)非常實(shí)用的jQuery插件，它可以幫助您快速和輕松地為您的輸入框添加自動(dòng)完成功能。該插件通過與輸入框的唯一ID來創(chuàng)建自動(dòng)完成，這意味著您可以通過ID來控制和定制自動(dòng)完成的所有方面。

$(function() {
$("#input-box").autocomplete({
source: ["apple", "banana", "orange"],
minLength: 1,
select: function(event, ui) {
alert(ui.item.value);
}
});
});

在上面的代碼中，我們使用了一個(gè)輸入框的ID，即"input-box"。我們通過選擇這個(gè)唯一的ID來將自動(dòng)完成添加到這個(gè)特定的輸入框中。此外，我們還可以使用其他的選項(xiàng)來定制自動(dòng)完成，如下所示：

$(function() {
$("#input-box").autocomplete({
source: "search.php",
minLength: 2,
delay: 500,
select: function(event, ui) {
var id = ui.item.id;
var value = ui.item.value;
$("#selected-id").val(id);
alert(value + " selected");
return false;
}
}).autocomplete("instance")._renderItem = function(ul, item) {
return $("
")
.append("
" + item.label + "
")
.appendTo(ul);
};
});

在這個(gè)例子中，我們使用了一個(gè)名為"selected-id"的隱藏輸入框來存儲(chǔ)自動(dòng)完成選定項(xiàng)的ID。我們還選擇了一個(gè)由PHP文件返回的數(shù)據(jù)源，并加入了一些自定義選項(xiàng)如“minLength”和“delay”。我們還在選擇自動(dòng)完成項(xiàng)時(shí)觸發(fā)了一個(gè)自定義的事件，并在這個(gè)事件處理程序中處理了自動(dòng)完成項(xiàng)的ID和值。

總的來說，jQuery Autocomplete ID是一個(gè)非常有用的jQuery插件，它可以幫助您快速和輕松地為您的輸入框添加自動(dòng)完成功能，并通過ID來控制和定制自動(dòng)完成的所有方面。