可以說我有下面的代碼:自動完成搜索...?可能使用jQuery?
HTML:
<form name="searchForm">
<input type="text" id="Fruit" name="getFruit"/>
</form>
的Javascript:
function Fruit(name, color){
this.name = name;
this.color = color;
};
var database = {};
database['banana'] = new Fruit("Banana", "Yellow");
database['apple'] = new Fruit("Apple", "Red");
database['orange'] = new Fruit("Orange", "Orange");
database['apple pear'] = new Fruit("Apple Pear", "Green");
我如何使用自動完成功能,因此,如果用戶鍵入 「蘋果」,它會給他們一個選擇從下拉菜單中選擇「蘋果」或「蘋果梨」,並點擊它時填充表單文本框?當你嘗試輸入一些東西的時候,google會給出建議。
我在想我想使用jquery http://jqueryui.com/autocomplete/但我不知道如何實現它。
$("#Fruit").autocomplete({
source: database // How would you implement this?
});
這不是我完整的代碼,但我最後一次張貼了我所有的代碼是太多閱讀,所以我創造了這個給剛剛的什麼,我試圖做一個例子。
的[源選項](http://api.jqueryui.com/autocomplete/#option-source)必須是一個陣列,串,或一個函數。你傳遞一個對象。 – jbabey 2013-02-12 18:44:53