![](/img/trans.png)
[英]jQuery Json filter with search input without using any filter plugin
[英]Any jquery 1.3 compatible plugin to filter dropdown using user text input plus grouping based on number of input strings matched
只是想知道是否已经有用于此的插件,否则我将自己编写代码。 以下是我的确切要求。
假设我有一个这样的下拉列表-
<select id="values" name="country">
<option value="1">Hello world</option>
<option value="2">Hello there</option>
<option value="3">Hello again</option>
<option value="4">Andorra</option>
<option value="5">Argentina</option>
<option value="6">Armenia</option>
<option value="7">Aruba</option>
<option value="8">Australia</option>
<option value="9">Austria</option>
...
</select>
并且有一个输入字段供用户过滤下拉列表内容。 所以一开始看起来像这样-
用例(需求)
单个单词输入的明显情况->用户输入“ Hello”
结果应仅包含“ Hello”的选项
<select id="values" name="country">
<option value="1">Hello world</option>
<option value="2">Hello there</option>
<option value="3">Hello again</option>
</select>
当输入多个单词->例如“再次问好”时,应在选项上应用OR逻辑,并且应保留包含任何单词的选项。
<select id="values" name="country">
<option value="3">Hello again</option>
<option value="2">Hello there</option>
<option value="1">Hello world</option>
</select>
我正在寻找的另一项增强功能是,根据匹配的单词数对结果进行分组,所有单词均在顶部匹配,然后再进行次要的单词匹配,直到末尾,如下所示:
我知道这是一个非常具体的要求,但还是尝试了一下。
我在输入时检查了这个问题“ jQuery:过滤器下拉列表”,并在其中给出了一些插件演示,但没有找到我想要的东西。 第一部分JQuery UI MultiSelect具有我要查找的OR搜索逻辑,但没有分组。 但这需要jquery 1.5,并且与jquery 1.3兼容的旧版本没有输入字段。
我的诚实观点是,最好的方法是为这个问题编写您自己的自定义代码。 jQuery(顺便使用1.6)非常强大,可以解决您的问题,但是不太可能找到一个完全能够满足您需求的特定插件。
也许您应该使用一个已经存在的插件,例如:
http://docs.jquery.com/Plugins/autocomplete
然后重新配置它,以所需的方式显示结果。 然后将您的代码发布回社区,并帮助添加到可用插件的丰富集合中。
只是一个想法。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.