Select2 Multiselect Dropdown自定義搜索

Question

我試圖以這樣的方式修改select2 multiselect下拉列表的搜索功能，而不是搜索包含搜索字符的元素，我想搜索以搜索字符開頭的元素。 我已經提到過select2文檔，但是他們說-

對於多選框，沒有明顯的搜索控件

那么這是否意味着我們沒有任何變通辦法來修改該功能？

我的要求示例：假設下拉列表包含4個元素，

澳洲，阿根廷，印度，美國

如果用戶鍵入“ A”進行搜索，則返回所有四個值，因為所有值中都帶有“ A”。 但是我的要求是僅返回以'A'開頭的值

澳大利亞和阿根廷

如何做到這一點？

Answer 1

您可以使用matcher屬性，要求它使用來修改搜索操作

select2.amd.require(['select2/compat/matcher'], ...)

請注意，此屬性僅存在於select2的完整版本中（ select2.full.js ）

 function search(term, text) { if (text.toUpperCase().indexOf(term.toUpperCase()) == 0) { return true; } return false; } $.fn.select2.amd.require(['select2/compat/matcher'], function (f) { $("select").select2({ matcher: f(search) }) }); 

 <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> <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css" rel="stylesheet" /> <select multiple style="width:100%;"> <option>France</option> <option>Family</option> <option>Freezone</option> </select> 

小提琴： https : //jsfiddle.net/nx1eaLgz/