1、實現該功能需依賴jquery.js，jquery.autocomplete.js，先引入這兩個js包，以及jquery.autocomplete.css樣式文件，如圖所示。
2、該不全插件要結合input元素使用，也就是在input中進行搜索時，會達到自動提示補全的效果，在html文件中定義input元素，以下是部分代碼截圖，如圖所示。
3、那麽使用autocomplete自動補全插件，也就非常簡單了，下面下介紹壹下最簡單的使用方法，只要把要搜索的數據放進壹個數組之中即可，
var language = [
? "Chinese",
? "English",
? "Spanish",
? "Russian",
? "French",
? "Japanese",
? "Korean",
? "German"
];
然後使用
$("#end").autocomplete({
source: [?
language
]
});即可，代碼如圖所示。
4、下面可以看壹下運行結果，比方說搜索帶有C字的語言，如圖所示。
5、下面看壹下怎麽和後臺數據結合起來，可以與ajax壹起使用，將ajax返回的數據作為上面的數組，直接賦給autocomplete插件使用，代碼如圖所示。
6、下面可以看壹下真是的效果，可以看到，搜索“上”字之後，可以自動查詢出數據庫中所有帶有上字的地址，這樣下拉框便做出來了，如圖所示。