86

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

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

替代文字

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

4

22 回答 22

53

这是一个看起来很有前途的。这是一个真正的组合 - 你会看到你输入的内容。有一个我在其他地方没有见过的很酷的功能:分页结果。

弹性盒

于 2009-02-02T15:59:06.417 回答
25

任何寻找 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”的主要问题是它仍然是一个选择列表,而且你可以开始输入新的东西并不明显。

于 2011-04-10T02:42:56.850 回答
24

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

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

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

于 2008-10-13T02:12:09.010 回答
15

sexy-combo 项目的一个新分支现已推出,看起来很有希望:http ://code.google.com/p/ufd/

于 2010-04-13T11:45:18.750 回答
14

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

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

于 2009-01-08T04:55:19.343 回答
10

另一个不错的插件是性感组合

于 2009-04-09T18:36:56.507 回答
7

这也是有希望的:

simpletutorials.com 上的 JQuery 下拉组合框

于 2009-02-19T23:45:59.793 回答
7

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

更新:

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

于 2009-03-28T14:07:32.620 回答
5

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

于 2013-04-04T22:29:42.077 回答
3

我找到了另一个:http ://code.google.com/p/jquery-jec/

似乎也是一个不错的选择。

于 2010-01-27T18:27:28.323 回答
3

我正在寻找相同的。到目前为止,我最喜欢的是 ExtJs 的这个——除了我没有用大列表测试过它:www.sencha.com/deploy/dev/examples/form/combos.html

这是另一个真正(!)快速的:http: //jsearchdropdown.sourceforge.net/

例如,SexyCombo 的效果非常棒,但是对于较长的列表来说会变慢。SexyCombo 民间 UFD 快得多,但对于非常大的列表,初始化时间仍然很慢。此外,我有时会得到一些小东西!“闪烁”。但我想在不久的将来会有一些更新。

于 2010-06-16T00:06:29.227 回答
3

性感组合已被弃用。Unobtrusive Fast-Filter Dropdown 项目中存在进一步的发展。看起来很有希望,因为我有类似的要求。

https://code.google.com/p/ufd/

于 2011-06-23T18:46:16.350 回答
3

我喜欢select2,它功能丰富、美观且活跃。特别喜欢变音符号搜索功能。

于 2014-02-12T19:43:34.203 回答
2

你为什么不试试http://jqueryajax.codeplex.com/。它是包含多列下拉菜单的 ASP.NET 控件的集合。

于 2009-03-28T14:01:09.533 回答
2

Activewidgets 有一个非常漂亮的。不知道它在大型数据集上的表现如何。 http://www.activewidgets.com/ui.combo/

于 2009-09-29T03:41:41.353 回答
2

我有同样的问题,所以我最终自己制作了。

它具有内置的模板系统,因此您可以使结果看起来像您想要的任何东西。适用于所有主要浏览器并接受数组和 json 对象。 http://code.google.com/p/custom-combobox/

于 2010-01-26T21:00:22.393 回答
2

这是一个非常酷的:http : //www.xnodesystems.com/ 动态列表字段不仅具有自动完成功能,而且还能够进行验证。

于 2010-08-11T23:32:19.060 回答
2

我试过http://jqueryui.com/demos/autocomplete/#combobox,面临的问题是:

  • 跨浏览器渲染
  • 无法提交自定义值

结果,我对其进行了一些调整,它在 ASP.NET MVC 中对我来说效果很好。我的 CSS 和小部件脚本版本可以在这里找到http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

也有将 MVC 模型绑定到自定义值的示例。

于 2011-12-30T12:38:42.643 回答
1

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

于 2012-03-10T02:58:43.607 回答
1

试试这个:

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm

非常好,包括本地化在内的许多功能。

于 2013-05-02T15:36:05.173 回答
1

强烈推荐 Twitter Typeahead:

http://twitter.github.io/typeahead.js/

于 2013-11-13T12:58:56.780 回答
0

所有你需要的东西 http://jquerycomboboxtmpl.codeplex.com/

模板下拉菜单

于 2010-12-14T05:41:16.413 回答