用于具有大量元素的组合框替代的良好Javascript组合框是什么？

Question

我有一个页面，其中我的组合框有数百个元素，这使得很难选择我想要的一个项目。是否有一个良好的Javascript替代品，可以比原来更好地完成此任务？

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

有没有类似于“Intellisense”自动完成的功能？

- Epaga

Answer 1

HTML 5中有一个标准的下拉框。

目前只有Opera支持它，但如果你恰好是时光旅行者或编写仅适用于Opera的应用程序，这是一个不错的解决方案 :)

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

- porneL

Answer 2

你有一个dhtmlCombo，使用ajax在填充输入字段时检索数据。

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

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

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

- VonC

---

我见过的最好的。不过很遗憾它不是免费的 :( - Eldamir

Answer 3

请查看jQuery Autocomplete插件，它易于使用，您只需在服务器端生成JSON响应即可。

请参阅此演示。

- CMS

Answer 4

你可以尝试这个下拉框实现 http://www.zoonman.com/projects/combobox/

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

- zoonman

Answer 5

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

- David Schwartz

Answer 6

在这种情况下，使用Prototype和Scriptaculous编写的自动完成器效果很好。

- Diodeus

Answer 7

小提示：如果选择框当前处于焦点状态，您可以在键盘上输入文字，它将带您到以该文本开头的选项，因此在美国州名下拉菜单中输入“k-e-n”将自动选择“肯塔基州”选项。

- Jared Farrish