专业的基于 jQuery 的 Combobox 控件?

IT技术 javascript jquery combobox controls
2021-01-19 05:36:17

是否有任何基于 jQuery 库的专业组合框控件(带有自动建议的下拉列表)?

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

替代文字

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

6个回答

这是一个看起来很有希望的。这是一个真正的组合 - 你看你输入什么。有一个我在别处没见过的很酷的功能:分页结果。

弹性盒

我将支持 FlexBox 的建议。它有一个非常灵活的样式和 UI 选项。
2021-03-24 05:36:17
如果我已经选择了一个值,则单击箭头它只会显示所选值,而不是所有值。
2021-03-25 05:36:17
imo FlexBox 在某些情况下是矫枉过正的。
2021-04-01 05:36:17
似乎一次加载所有数据(json),所以如果数据源有很多记录可能不合适
2021-04-02 05:36:17
新版本 (0.9.3) 刚刚发布。FlexBox 现在支持客户端 JSON 过滤。
2021-04-05 05:36:17

任何寻找 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/

应该很容易将其包装到一个插件中,该插件可以转换现有的 select 标签,尽管我还没有看到这样做。

PS:我看到的“jQuery Editable Combobox”的主要问题是它仍然是一个选择列表,而且你可以开始输入新的东西并不明显。

2021-03-25 05:36:17

不幸的是,我见过的最好的东西是jquery.combobox,但它看起来并不是我真正想要在我的网络应用程序中使用的东西。我认为此控件存在一些可用性问题,但作为用户,我认为我不知道开始键入下拉列表以将其转换为文本框。

我更喜欢Combo Dropdown Box,但它仍然具有我想要的一些功能,并且仍处于 alpha 阶段。除了它是 alpha 之外,我唯一不喜欢这个的想法是,一旦我在组合框中输入,原始的下拉列表项就会消失。但是,也许有一个设置……或者它可以很容易地添加。

这是我所知道的仅有的两种选择。祝您搜索顺利。我很想知道您是否找到了一个选项,或者第二个选项是否适合您。

sanchezsalvador.com 上的死链接
2021-04-07 05:36:17
我似乎有 jquery.combobox 和 jQuery 1.4.x 的兼容性问题……就像大多数长时间没有维护的插件一样……
2021-04-10 05:36:17
第一个链接上的评论“注意:目前 jquery.combobox 表现为一个下拉列表,而不是一个完整的组合框。它目前不接受文本输入。有点违背了 IMO 的目的....
2021-04-13 05:36:17

性感组合项目的一个新分支现已发布,看起来很有希望:http : //code.google.com/p/ufd/

在查看了页面上的每条建议后,我选择了这个建议。快速、简单,只提供我想要的基本功能,并处理现有的选择输入
2021-03-15 05:36:17
也可以与 Jquery UI Themeroller 一起使用
2021-03-18 05:36:17
我喜欢它把一个选择变成一个组合框。
2021-03-25 05:36:17
这是我的生意。在 IE7 和 IE8 上无缝运行,这是一项要求。中缀(中字)搜索、更长列表的滚动条,以及与其他组件的完美配合。
2021-04-07 05:36:17
如果您现有的代码使用旧的 html 下拉菜单,这是迄今为止最容易集成的。我用过这个。
2021-04-07 05:36:17

对于大型数据集,JQuery UI Autocomplete怎么样,它基本上是 Jorn Zaeferrer 的Autocomplete 插件的“官方”版本

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

Jorn Zaeferrer 的自动完成插件既简单又很棒
2021-03-18 05:36:17