PHP菜鸟博客_共同学习分享PHP技术心得【PHP爱好者】
layui的form表单中的select开启lay-search后如果option里面包含空格,鼠标点击空白区域后里面的空格会变成 解决方案
2023-7-4 菜鸟站长


问题如下图:



1111.png



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;


                }


            });










发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容