jQuery Autocomplete 是一款非常實用的 jQuery 插件,它可以幫助我們快速實現輸入框自動提示功能。
要使用 jQuery Autocomplete,我們需要從官網上下載該插件,您可以直接訪問以下鏈接進行下載:
https://jqueryui.com/autocomplete/#download
下載完成后,您需要在頁面中引入該插件的 js 和 css 文件:
<!-- 樣式文件 -->
<link rel="stylesheet" href="jquery-ui.min.css">
<!-- js 文件 -->
<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
接下來,在輸入框中加入以下代碼即可:
<input type="text" id="myInput">
<script>
$(function() {
$( "#myInput" ).autocomplete({
source: availableTags // 數據源
});
});
</script>
在這個例子中,我們通過 source 屬性將數據源傳遞給插件,數據源可以是一個數組也可以是一個遠程數據源。
除此之外,jQuery Autocomplete 還提供了許多可自定義的屬性和事件,可以根據實際情況靈活設置