好的Javascript組合框替換組合框與噸元素？

Question

我有一個頁面，其中我的組合框有數百個元素，這使得我很難選擇我想要的一個項目。有沒有一個好的Javascript替代品會比

<select id="field-component" name="field_component"> 
        <option selected="selected">1</option><option>2</option>... 
</select> 

有什麼與「智能感知」 - 像自動完成？

Answer 1

您有dhtmlCombo，當您填寫輸入字段時使用ajax檢索數據。

dhtmlxCombo是一個跨瀏覽器的JavaScript組合框與自動完成功能。

它擴展了基本的選擇框功能，以滿足最先進最新的Web應用程序的要求。

dhtmlxCombo可以從現有的HTML轉換選擇或用JavaScript填充。支持AJAX，它也可以從服務器數據源動態獲取列表值。

Answer 2

使用Prototype和Scriptaculous的autocompleter在這種情況下效果很好。

Answer 3

檢查jQuery Autocomplete插件，它很容易使用，你只需要生成一個JSON響應服務器端。

請參閱this demos。

Answer 4

在HTML 5中有標準的組合框。

目前只有Opera支持，但如果你碰巧是時間旅行者或寫歌劇，唯一的應用程序，這是一個很好的解決方案:)

<input type=text list=listid> 
<datalist id=listid> 
    <select><option>1<option>2</select> 
</datalist> 

Answer 5

剛一說明：如果選擇框是當前的重點，您可以在鍵盤上輸入內容，然後選擇以該文本開頭的文本，因此在美國州下拉列表中輸入「ken」可以自動選擇「Kentucky」選項。

Answer 6

你可以試試這個組合框實現http://www.zoonman.com/projects/combobox/

• 純JavaScript。編輯。支持IE6。
• 非標準HTML佈局。

Answer 7

我認爲Twitter的免費typeahead.js圖書館是目前最好的自動完成圖書館。看看http://twitter.github.io/typeahead.js/