layui下拉选择框开启搜索功能后,文本框会将&Nbsp显示出来的解决办法

2020/06/02 17:45
阅读数 3.5K

layui下拉选择框直接在select标签添加lay-search,即可开启搜索功能

<select id="selectCategory" lay-filter="category" lay-search>

未开启搜索功能时,文本框不会显示&nbsp,如图

当开启搜索功能时,文本框会显示出&nbsp,如图

解决办法:

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;
            }
        });



 

展开阅读全文
打赏
0
0 收藏
分享
加载中
这个方法不能替换中间的nbsp,最好的解决办法,中文全角空格
09/24 16:12
回复
举报
更多评论
打赏
1 评论
0 收藏
0
分享
返回顶部
顶部