xm-select 解决搜索时候大小写区分的问题

最新推荐文章于 2024-10-26 23:11:22 发布

原创最新推荐文章于 2024-10-26 23:11:22 发布 · 1.3k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js

收录于

html 专栏收录该内容

4 篇文章

订阅专栏

博客介绍在加载时添加特定方法，可让搜索同时支持大小写，避免小写搜索不出大写内容的问题，并给出了完整代码。

在加载的时候加入以下的方法就能同时支持大小写搜索不然小写搜索不出来大写的内容

filterMethod:function (val,item,index,prop) {
if (val){
if (item.name.toLowerCase().indexOf(val.toLowerCase()) >= 0){
return true
}
}else{
return true
}
},

完整的代码如下：

var demo1 = xmSelect.render({
el: '#demo1',
name: 'tags',
tips: '快速搜索技术分类',
layVerify: 'required',
filterable: true,
size: 'medium',
height: '500px',
filterMethod:function (val,item,index,prop) {
if (val){
if (item.name.toLowerCase().indexOf(val.toLowerCase()) >= 0){
return true
}
}else{
return true
}
},
on: function(data){
//arr: 当前多选已选中的数据
var arr = data.arr;
//change, 此次选择变化的数据,数组
var change = data.change;
//isAdd, 此次操作是新增还是删除
var isAdd = data.isAdd;

//可以return一个数组, 代表想选中的数据
//return []
},
data:
<?php echo json_encode($technical);?>

});