layui的form表单中的select开启lay-search后如果option里面包含空格，鼠标点击空白区域后里面的空格会变成 解决方案

2023年7月4日 0条评论

layui的form表单中的select开启lay-search后如果option里面包含空格，鼠标点击空白区域后里面的空格会变成 解决方案

问题如下图：

select代码如下：

<div class="layui-form-item layui-anim-upbit">
<label class="layui-form-label" style="z-index: 1000">分类</label>
<span style="color: red;font-size: 150%;float: left;margin-left: -10px;margin-top: 10px;">*</span>
<div class="layui-input-inline">
<select lay-verify="" name="classify_id" lay-filter="category" lay-search>
{if condition="$info eq ''"}
<option>请选择</option>
{/if}
{foreach name="classify" key="k" item="val"}
<option {if condition="$val.id eq $info['classify_id']" } selected{/if} value="{$val['id']}">{$val['name']} </option>
{/foreach}
</select>
</div>
<div class="layui-input-inline layui-input-company"></div>
<div class="layui-form-mid layui-word-aux"></div>
</div>
解决方案：

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