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

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();//去掉&nbapdata.elem[data.elem.selectedIndex].text=selectText;//覆盖原文本值});

bug:如何存在多个下拉选框，会出现如下情况

会将选框里面的空格也覆盖
解决办法：

form.on('select(category)', function(data){let selectText=data.elem[data.elem.selectedIndex].text;//得到被选中的文本值selectText=selectText.trim();//去掉&nbapif(data.elem[data.elem.selectedIndex].text.indexOf(selectText)!=0){//判断前面是否有空格data.elem[data.elem.selectedIndex].text='     '+selectText;}});

layui下拉选择框开启搜索功能后，文本框会将Nbsp显示出来的解决办法相关推荐

layui 下拉选择框可以选择但不显示数据值_你想做的quot;基因药物疾病quot;网络数据在这里！...
点击[医学方] 关注我们最近有师妹苦恼于某药物作用相关科研课题设计,不知道疾病研究方向,不想清楚应该选择哪些基因进行研究.于是我向她推荐了这个数据库,分分钟解决了她的难题. 无论你是想根据基因,想 ...
yii2组件之下拉框带搜索功能（yii-select2）
简单的小功能,但是用起来还是蛮爽的.分享出来让更多的人有更快的开发效率,开开心心快乐编程. 如果你还没有使用过composer,你可就out了,看我的教程分享,composer简直就是必备神奇有木有. ...
layui下拉多选框xm-select
1. 示例 2. 引入xm-select.js 下载地址:xm-select: 基于Layui, 下拉选择框的多选解决方案 3. 语法 <div id="demo2" cla ...
如何通过百度搜索的下拉词和相关搜索找长尾关键词？
平时我们在写文章的时候会围绕某个关键词来写文章,特别是通过百度等搜索引擎的下拉词和相关搜索功能来找该关键词的长尾关键词,然后围绕长尾关键词来写文章,所以今天我们就以百度搜索为例说一下如何通过百度搜索的 ...
layui实现select下拉选择框组件（含代码、案例、截图）
layui实现select下拉选择框组件(含代码.案例.截图) 案例 · 效果图: 全部代码如下: <!DOCTYPE html> <html> <head>< ...
开发一个出生年份的下拉选择框供用户选择_你的下拉式菜单设计对了吗？
追波范儿(dribbbledesign)------------------------------------------- 下拉菜单主要有两种类型:1. 用于导航的下拉菜单:2. 用于表单的下拉菜 ...
开发一个出生年份的下拉选择框供用户选择_关于下拉式菜单，这一篇足够了
下拉菜单主要有两种类型: 1.用于导航的下拉菜单: 2.用于表单的下拉菜单. 在本文中,我们将对以下内容进行介绍: 01 结构剖析下拉菜单的解剖结构与文本输入字段的解剖结构非常相似. 02 下拉菜单 ...
jquery.chosen.js下拉选择框美化插件项目实例
由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生 ...
python select模块安装_python+selenium select下拉选择框定位处理方法
一.前言总结一下python+selenium select下拉选择框定位处理的两种方式,以备后续使用时查询: 二.直接定位(XPath) 使用Firebug找到需要定位到的元素,直接右键复制XPa ...

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

layui下拉选择框开启搜索功能后，文本框会将Nbsp显示出来的解决办法相关推荐

最新文章

热门文章