Select2 - 搜索通配符匹配 [英] Select2 - Searching wildcard matches
问题描述
我正在使用Select2来设置我的选择框并添加功能,我想知道如何使搜索规则更加宽松。目前,如果我在下拉列表中有新墨西哥,我可以搜索墨西哥或新墨西哥以匹配选择选项,但如果我输入mexico new,我会找不到结果。有没有办法扩展搜索功能以匹配搜索词而不管它们的顺序?
I am using Select2 to style my select box and add functionality and I am wondering how I can make the search rules more lenient. Currently if I have "New Mexico" in the dropdown, I can search for "mexico" or "new mexico" to match the select option, but if I enter "mexico new" I get "no results found." Is there a way to extend the search functionality to match search words regardless of their order?
$(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>
推荐答案
好吧,显然你可以设置自定义匹配器来实现这一目标。我找到了这个,它似乎正在按预期工作:
Alright, apparently you can set custom matchers to accomplish this. I found this one and it seems to be working as desired:
$(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 - 搜索通配符匹配的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!