jquery - Select2搜索选项

我下载了Select2 jquery插件并进行了全部设置-我在这里有一个基本的下拉列表。

<SELECT NAME="GENDER">
 <OPTION VALUE="1">MALE
 <OPTION VALUE="2">FEMALE
 <OPTION VALUE="3">UNDEFINED
</SELECT>

我应用了该插件，即可正常工作-没问题。

我一直在审查select2文档，而我想做的是代替按性别搜索(例如键入Female and Male等)-我希望用户只需按1即可显示Male，而对于2则显示2。

有人在select2中尝试过吗？

最佳答案

看一下文档中的“matcher”选项:http://ivaynberg.github.io/select2/#documentation

重写matcher函数，以同时检查给定选项的text()和val()。未经测试的示例:

$('select').select2({
  matcher: function(term, text, option) {
    return text.toUpperCase().indexOf(term.toUpperCase())>=0 || option.val().toUpperCase().indexOf(term.toUpperCase())>=0;
  }
});