javascript - 用大量元素替换组合框的好 Javascript 组合框？

Question

我有一个页面，其中我的组合框有数百个元素，这使得很难选择我想要的一个项目。有没有比 Javascript 更好的替代品

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

是否有类似“Intellisense”的自动完成功能？

score 6 · Accepted Answer

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

目前只有 Opera 支持它，但如果你碰巧是时间旅行者或编写 Opera-only 应用程序，这是一个不错的解决方案 :)

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

score 3 · Accepted Answer

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

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

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

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

score 3 · Accepted Answer

检查jQuery Autocomplete插件，它很容易使用，你只需要在服务器端生成一个 JSON 响应。

请参阅此演示。

score 0 · Accepted Answer

0

使用Prototype和Scriptaculous的自动完成器在这种情况下运行良好。

于 2008-11-04T15:56:00.667 回答

score 0 · Accepted Answer

请注意：如果选择框是当前焦点，您可以在键盘上键入，它将带您进入以该文本开头的选择，因此在美国州下拉菜单中键入“ken”将自动选择“肯塔基州”选项.

score 0 · Accepted Answer

score 0 · Accepted Answer

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

7 回答 7