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

Question

我正在我的项目中实施选择的下拉菜单。但是我有一些问题想解决。

在继续之前，让我给你 jQuery fiddle:

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

<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>

如您在 fiddle 中所见：

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 在所选下拉列表中搜索问题

Search issue on chosen dropdown using jQuery

javascript

jquery

jquery-chosen

JS代码：