专业的基于jQuery的Combobox控件?

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

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

替代文字

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

不幸的是,我所看到的最好的东西是jquery.combobox ,但它并不像我真正想在我的web应用程序中使用的东西。 我认为这个控件有一些可用性问题,但作为一个用户,我不认为我会开始input下拉列表变成文本框。

我更喜欢组合下拉框 ,但它仍然有一些我想要的function,它仍然在阿尔法。 唯一的想法,我不喜欢关于这是除了它是阿尔法…是,一旦我inputcombobox,原来的下拉列表项目消失。 但是,也许有一个设置…或者它可以很容易地添加。

这是我所知道的唯一两个选项。 祝你好运。 如果你find一个,或者如果第二个选项适合你,我很乐意听到。

这是一个看起来很有希望的。 这是一个真正的组合 – 你看到你的types。 有一个很酷的function,我没有在别处看到:分页结果。

Flexbox的

任何寻找jQuery“combobox”的人似乎都被指向了这个问题。 我的文章是为了find一个“传统”combobox,而不是回答原始问题的人。 上述解决scheme都集中在使用input作为过滤和自动完成到现有select值的手段。 (很适合大数据集)

如果你正在寻找传统的combobox,它只是“键入一些东西或从这些预定义的值中select”(不,我们不会在你input时隐藏那些不匹配的东西),所有你可能需要做的是

<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可编辑combobox”的主要问题是,它仍然是一个select列表,并不是显而易见的,你可以开始input新的东西。

性感组合项目的一个新的分支现在出来,看起来很有前途: http : //code.google.com/p/ufd/

对于大型数据集, JQuery UI自动完成 (基本上是Jorn Zaeferrer的“ 自动完成”插件的“官方”版本)如何?

我也写了一个直接的JQuerycombobox插件,从用户那里得到了很好的反馈。 尽pipe如此,它显然不适用于大数据集。 我认为,如果你想要根据用户input的内容来修剪列表,最好使用Jorn的自动完成插件。

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

这也是有希望的:

jQuery下拉combobox在simpletutorials.com

官方的jQuery UI ComboBox / Autocomplete组件正在制作中…(之前是针对jQuery UI 1.5.x的testing版),请参阅jQuery UI Wiki

更新:

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

如果你不需要多栏, select是另一个不错的select。 MIT许可

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

也似乎是一个不错的select。

我正在寻找相同的。 我最喜欢的一个到现在为止是ExtJs的一个 – 除了我没有用大的列表testing它:www.sencha.com/deploy/dev/examples/form/combos.html

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

例如,SexyCombo的作品相当不可思议,但是对于更长的列表而言,这是一种缓慢的方式 SexyCombo的民间UFD速度要快很多,但是对于真正庞大的列表来说,初始化时间还是比较慢的。 除此之外,我有时得到一点点! “闪烁”。 但我想在不久的将来会有一些更新。

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

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

我喜欢select2 ,它function丰富,很好,活跃。 特别像变音searchfunction。

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

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

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

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

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

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

  • 跨浏览器呈现
  • 无法提交自定义值

因此,我调整了一下,它在ASP.NET MVC中的工作正常。 我的版本的CSS和小部件脚本可以在这里findhttp://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

绑定MVC模型到自定义值的示例也在那里。

试试这个:

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

非常好,包括本地化在内的很多function

强烈推荐Twitter Typeahead:

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

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

在模板上下拉菜单