Question

我正在我的项目中实施选定的下拉列表。但我有一些问题需要解决。

在继续之前，让我给你一个jQuery小提琴：

现在我有一个像这样的下拉列表

<select id="drp_menu">
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
    <option value="Option 3">Option 3</option>
    <option value="Option 4">Option 4</option>
    <option value="Option 5">Option 5</option>
</select>

正如你在小提琴中看到的那样：

1）如果我在搜索框中写"Opt"，则会过滤显示所有选项的列表。

2）如果我写" 1"，则会显示"Option 1"

3）如果我写"1"，则会显示"Option 1"

4）如果我写"ptio"，则说明"No results"

5）如果我写"tio"，则说明"No result"

如果搜索框中输入的字词匹配，我希望得到结果。

Answer 1

添加{ search_contains: true }并享受：）

JS代码：

$(document).ready(function()
{
   $('#drp_menu').chosen({ search_contains: true });                      
});

Demo

Answer 2

替换

$('#drp_menu').chosen();

与

$('#drp_menu').chosen({search_contains:true});

Here is a fiddle

只需查找configuration options这样的documentation

使用jQuery搜索所选下拉列表的问题

2 个答案:

JS代码：