良好的Javascript组合框替换组件箱与大量的元素？

Question

我有一个页面，我的组合框有数百个元素，这使我很难选择我想要的一个项目。是否有一个比

更好的Javascript替代品

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

是否存在“Intellisense”类似自动完成的内容？

Answer 1

在HTML 5中有标准的组合框。

目前只有Opera支持它，但如果您恰好是时间旅行者或编写仅限Opera的应用程序，那么这是一个很好的解决方案：）

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

Answer 2

您有dhtmlCombo，在填写输入字段时使用ajax检索数据。

dhtmlxCombo是一款具有自动完成功能的跨浏览器JavaScript组合框。

它扩展了基本的选择框功能，以满足最新的Web应用程序的要求。

dhtmlxCombo可以从现有的HTML SELECT转换或使用JavaScript填充。支持AJAX，它还可以动态地从服务器数据源获取列表值。

Answer 3

检查jQuery Autocomplete插件，它易于使用，您只需要生成JSON响应服务器端。

请参阅this demos。

Answer 4

使用autocompleter和Prototype的Scriptaculous在这种情况下效果很好。

Answer 5

只需注意：如果选择框是当前焦点，您可以在键盘上输入，它将带您进入从该文本开始的选择，因此在美国州下拉列表中键入“ken”将自动选择“肯塔基州的“选择。

Answer 6

您可以尝试使用此组合框实现http://www.zoonman.com/projects/combobox/

• 纯JavaScript。编辑。支持IE6。
• 非标准HTML布局。

Answer 7

我认为Twitter的免费typeahead.js库是目前最好的自动完成库。请查看http://twitter.github.io/typeahead.js/