好的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/