我从选择迁移到select2插件,因为它对我来说效果更好,但与选择相比,它的文档非常差.谁能告诉我应该使用哪个选项来使select2搜索功能过滤以搜索词开头的词(并且不包含在中间).
让我们说select2字段有这些选项:香蕉,苹果,菠萝.
当用户输入“app”(或苹果)时,只应返回apple(因为它是唯一以apple开头的单词).现在,它返回苹果和菠萝.
解决方法
Select2提供了有关如何使用自定义匹配器功能将搜索词匹配到搜索结果的
an example in the documentation.给出的示例是这个确切的用例.
function matchStart (term,text) { if (text.toupperCase().indexOf(term.toupperCase()) == 0) { return true; } return false; } $.fn.select2.amd.require(['select2/compat/matcher'],function (oldMatcher) { $("select").select2({ matcher: oldMatcher(matchStart) }) });
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css" rel="stylesheet"/> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.js"></script> <select style="width: 200px"> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> </select>
原文地址:https://www.jb51.cc/jquery/178360.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。