专业的基于jQuery的Combobox控件？

Question

是否有基于jQuery库的专业 Combobox控件(带自动提示的下拉列表)？

它应该能够处理大型数据集并具有一些蒙皮选项.一个多列结果列表将是巨大的.我正在使用ASP.NET,但如果我必须为它编写一个包装器,这不是问题.

我已经在使用第三方控件,但是在两个供应商的控件之间遇到了一些兼容性问题.好吧,我想摆脱这种依赖.

Answer 1

这是一个看起来很有前途的.这是一个真正的组合 - 你看到你键入的内容.有一个很酷的功能,我没有在别处看到过:分页结果.

Flexbox的

Answer 2

不幸的是,我看到的最好的东西是jquery.combobox,但它看起来并不像我真正想要在我的Web应用程序中使用的东西.我认为这个控件存在一些可用性问题,但作为一个用户,我认为我不知道开始输入下拉列表变成文本框.

我更喜欢Combo Dropdown Box,但它仍然有一些我想要的功能,它仍然是alpha版.唯一的想法是我不喜欢这个而不是它的alpha ...就是一旦我输入组合框,原始的下拉列表项就会消失.但是,也许有一个设置...或者它可以相当容易地添加.

这是我所知道的唯一两个选项.祝你的搜索顺利.如果您找到一个或者第二个选项适合您,我很乐意听到.

Answer 3

任何寻找jquery"组合框"的人似乎都是针对这个问题的.我的帖子是为了到这个页面找到"传统"组合框的人,而不是原始问题的答案.上述解决方案都集中在使用输入作为过滤和自动完成现有选择值的手段.(适用于大型数据集)

如果您正在寻找传统的组合框,它只是"输入内容或从这些预先定义的值中选择"(不,我们不会隐藏您在打字时不匹配的那些),所有你可以需要做的是

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

见 http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

应该很容易将其包装成一个转换现有选择标记的插件,尽管我还没有看到它已经完成.

PS:我在"jQuery Editable Combobox"中看到的主要问题是它仍然是一个选择列表,并且你可以开始输入新内容并不明显.

Answer 4

性感组合项目的新分支现在看起来很有希望:http://code.google.com/p/ufd/

Answer 5

对于大型数据集,JQuery UI Autocomplete如何,这基本上是Jorn Zaeferrer的Autocomplete插件的"官方"版本？

我还写了一个直接的JQuery组合框插件,它得到了用户非常好的反馈.它显然不适用于大型数据集; 我认为如果你想要根据用户输入的内容修剪列表,你最好使用Jorn的自动完成插件.

Answer 6

另一个不错的插件是Sexy Combo

Answer 7

这也很有希望:

Simpletutorials.com上的JQuery下拉组合框

Answer 8

一个正式的jQuery UI ComboBox/Autocomplete组件正在制作中......(以前是jQuery UI 1.5.x的测试版),请参阅jQuery UI Wiki

更新:

自动完成功能现在是jQuery UI的核心功能,请参阅docs.

Answer 9

如果你不需要多列,选择是另一个不错的选择.麻省理工学院获得许可