jQuery Autocomplete ID是一個非常實用的jQuery插件,它可以幫助您快速和輕松地為您的輸入框添加自動完成功能。該插件通過與輸入框的唯一ID來創建自動完成,這意味著您可以通過ID來控制和定制自動完成的所有方面。
$(function() { $("#input-box").autocomplete({ source: ["apple", "banana", "orange"], minLength: 1, select: function(event, ui) { alert(ui.item.value); } }); });
在上面的代碼中,我們使用了一個輸入框的ID,即"input-box"。我們通過選擇這個唯一的ID來將自動完成添加到這個特定的輸入框中。此外,我們還可以使用其他的選項來定制自動完成,如下所示:
$(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 $("
" + item.label + "
")
.appendTo(ul);
};
});在這個例子中,我們使用了一個名為"selected-id"的隱藏輸入框來存儲自動完成選定項的ID。我們還選擇了一個由PHP文件返回的數據源,并加入了一些自定義選項如“minLength”和“delay”。我們還在選擇自動完成項時觸發了一個自定義的事件,并在這個事件處理程序中處理了自動完成項的ID和值。
總的來說,jQuery Autocomplete ID是一個非常有用的jQuery插件,它可以幫助您快速和輕松地為您的輸入框添加自動完成功能,并通過ID來控制和定制自動完成的所有方面。