Javascript 基于jQuery的专业组合框控件?

Javascript 基于jQuery的专业组合框控件?,javascript,jquery,combobox,controls,Javascript,Jquery,Combobox,Controls,是否有任何基于jQuery库的professional组合框控件(带有自动建议的下拉列表) 它应该能够处理大型数据集,并具有一些蒙皮选项。多列结果列表也很好。我正在使用ASP.NET,但是如果我必须为它编写一个包装器,这不是一个问题 我已经在使用第三方控件,但我遇到了两个供应商控件之间的兼容性问题。嗯,我想摆脱这种依赖关系。不幸的是,我见过的最好的东西是,但它看起来不像我真正想在我的web应用程序中使用的东西。我认为这个控件存在一些可用性问题,但作为一个用户,我不认为我应该开始键入dropdo

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

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


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

不幸的是,我见过的最好的东西是,但它看起来不像我真正想在我的web应用程序中使用的东西。我认为这个控件存在一些可用性问题,但作为一个用户,我不认为我应该开始键入dropdownlist以将其变成文本框

我更喜欢,但是它仍然有一些我想要的特性,并且仍然是alpha版本。我唯一不喜欢的就是这件事,除了它是阿尔法。。。一旦我在组合框中输入,原来的dropdownlist项就会消失。然而,也许有一个这样的设置。。。或者可以很容易地添加


这是我所知道的唯一两个选择。祝你好运。我很想知道你是否找到了一个,或者第二个选项是否适合你。

对于大型数据集,这基本上是Jorn Zaeferrer的“官方”版本,怎么样


我还写了一个直接的插件,从用户那里得到了很好的反馈。不过,它显然不适用于大型数据集;我想如果你想根据用户的类型来删除列表,最好使用Jorn的自动完成插件。

这里有一个看起来很有希望的插件。这是一个真正的组合-你看你键入什么。有一个很酷的特性,我在别处没有见过:分页结果


这也很有希望:


在simpletutorials.com上,为什么不试试呢。它是ASP.NET控件的集合,也包含多列下拉列表。

一个正式的jQuery UI组合框/自动完成组件正在制作中。。。(之前是jQueryUI1.5.x的测试版),请参见

更新:


自动完成功能现在是jQuery UI的核心功能。

另一个不错的插件是

Activewidgets,它有一个非常好看的插件。不知道它在大型数据集上的性能如何。

我也有同样的问题,所以最后我自己做了

它内置了一个模板系统,所以你可以让结果看起来像你想要的任何东西。 适用于所有主要浏览器并接受数组和json对象。 我找到了另一个:


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

性感组合项目的一个新分支现在出来了,看起来很有希望:

我也在寻找同样的项目。 到目前为止,我最喜欢的是ExtJs的这一个-除了我没有用大列表测试它之外: www.sencha.com/deploy/dev/examples/form/combos.html

这是另一个非常快的例子:

例如,SexyCombo的工作非常出色,但它是一种让人慢下来的方式 更长的名单。 SexyCombo folk UFD的速度要快得多,但对于真正庞大的列表,初始化时间仍然相当慢。 此外,我有时会得到一些小礼物!“闪烁”。 但我想在不久的将来会有一些更新。

这里有一个非常酷的更新:动态列表字段不仅具有自动完成功能,而且还能够进行验证。

所有您需要的功能


模板下拉列表

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

选择1
选择2
选择3

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


备注:“jQuery Editable Combobox”的主要问题是它仍然是一个选择列表,而且根本不清楚您是否可以开始键入新内容。

性感组合已被弃用。在不引人注目的快速过滤器下拉项目中还有进一步的发展。看起来很有希望,因为我有类似的要求

我试过了,遇到的问题是:

  • 跨浏览器渲染
  • 无法提交自定义值
因此,我对它进行了一些调整,它在ASP.NETMVC中运行良好。我的CSS和小部件脚本版本可以在这里找到


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

如果您不需要多列,这是另一个不错的选择。麻省理工学院授权的

试试这个:


非常好,有很多功能,包括本地化。

强烈推荐Twitter Typeahead:


我喜欢,它功能丰富、漂亮、活跃。特别喜欢搜索功能。

你能找到这个问题的更好答案吗?请看下面GeorgeBarker的答案。jQuery的组合框名为“自动完成”。我将支持FlexBox的建议。它有非常灵活的样式和用户界面选项。新版本(0.9.3)刚刚发布。FlexBox现在支持客户端JSON过滤。在某些情况下,imo FlexBox过于苛刻。似乎一次加载所有数据(JSON),因此如果数据源有大量记录,则可能不合适。如果我已经选择了一个值,然后单击箭头,则它仅显示所选值,而不是所有值。这现在与jQuery 1.8一起使用。我使用它非常成功,它是一个设计良好的wi