layui下拉选择框直接在select标签添加lay-search,即可开启搜索功能
<select id="selectCategory" lay-filter="category" lay-search>
未开启搜索功能时,文本框不会显示 ,如图
当开启搜索功能时,文本框会显示出 ,如图
解决办法:
form.on('select(category)', function(data){
let selectText=data.elem[data.elem.selectedIndex].text;//得到被选中的文本值
selectText=selectText.trim();//去掉&nbap
data.elem[data.elem.selectedIndex].text=selectText;//覆盖原文本值
});
bug:如何存在多个下拉选框,会出现如下情况
会将选框里面的空格也覆盖
解决办法:
form.on('select(category)', function(data){
let selectText=data.elem[data.elem.selectedIndex].text;//得到被选中的文本值
selectText=selectText.trim();//去掉&nbap
if(data.elem[data.elem.selectedIndex].text.indexOf(selectText)!=0){//判断前面是否有空格
data.elem[data.elem.selectedIndex].text=' '+selectText;
}
});