Select2 - 搜索通配符匹配

Posted

技术标签:

【中文标题】Select2 - 搜索通配符匹配【英文标题】:Select2 - Searching wildcard matches 【发布时间】:2017-07-12 18:42:06 【问题描述】:

我正在使用 Select2 来设置我的选择框的样式并添加功能,我想知道如何使搜索规则更宽松。目前,如果我在下拉列表中有“新墨西哥”,我可以搜索“墨西哥”或“新墨西哥”以匹配选择选项,但如果我输入“墨西哥新”,我会得到“找不到结果”。有没有办法扩展搜索功能以匹配搜索词而不考虑它们的顺序?

$(document).ready(function() 
  $(".states").select2();
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>
<select class="states" style="width: 50%">
  <option value="NH">New Hampshire</option>
  <option value="NJ">New Jersey</option>
  <option value="NM">New Mexico</option>
  <option value="TB">Tshirt, Black</option>
</select>

【问题讨论】:

不知道好不好听但是你可以拆分搜索词,然后搜索单独的词... 【参考方案1】:

好的,显然您可以设置custom matchers 来完成此操作。我找到了this one,它似乎可以正常工作:

$(function ()  
    $('.states').select2(
        matcher: function (params, data) 
            if ($.trim(params.term) === '') 
                return data;
            

            keywords=(params.term).split(" ");

            for (var i = 0; i < keywords.length; i++) 
                if (((data.text).toUpperCase()).indexOf((keywords[i]).toUpperCase()) == -1) 
                return null;
            
            return data;
        
    );
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>
<select class="states" style="width: 50%">
  <option value="NH">New Hampshire</option>
  <option value="NJ">New Jersey</option>
  <option value="NM">New Mexico</option>
  <option value="TB">Tshirt, Black</option>
</select>

【讨论】:

以上是关于Select2 - 搜索通配符匹配的主要内容,如果未能解决你的问题,请参考以下文章

使用通配符在文本中搜索模式并自动导出匹配项

Python Pandas Regex:在列中搜索带有通配符的字符串并返回匹配项[重复]

全文本搜索

MySQL比知必会第八章 用通配符进行过滤

shell正则表达式

MySQL基础之MySQL必知必会用通配符进行过滤