如何使用带有jQuery AutoComplete的选择框？

Question

现在我在文本框中有我的自动完成小部件.理想情况下,它将是一个选择框,但我无法弄清楚如何让某人键入选择框.

所以我被降级为有一个文本框和一个隐藏的盒子.隐藏的框应该使用文本框中显示的内容的ID进行更新.

我是jQuery的新手,至少在这样的深层次上.我是否比我需要的更难？我肯定需要自动完成,因为可能存在数十万个可能的值.

Answer 1

你应该看一下调用的jQuery插件chosen.
我认为这是过去一年(或更多)写的最好的jQuery插件.

Chosen是一个JavaScript插件,它使长而笨重的选择框更加用户友好.它目前有jQuery和Prototype两种口味.

Answer 2

"选择"有一个非常好的选择 - "Select2"(仅限jQuery).

"Select2"用例

• 通过搜索增强原生选择.
• 使用更好的多选界面增强本机选择.
• 从JavaScript加载数据:通过ajax轻松加载项目并让它们可搜索.
• 嵌套optgroups:native选择仅支持一级嵌套.Select2没有此限制.
• 标记:动态添加新项目的能力.
• 使用大型远程数据集:基于搜索项部分加载数据集的能力.
• 分页大数据集:在结果滚动到最后时,轻松支持加载更多页面.
• 模板化:支持自定义渲染结果和选择.

Answer 3

在用于自动完成的jQueryUI演示页面上有一个很好的例子.它实际上使用一个select元素作为后备存储.

您可以轻松修改它以使用远程数据源.如果您需要远程源,请告诉我,我可以提供一个示例.