layui select 选完其他选项, 手工清空选项 又恢复最初的选项?


启用layui的select  下拉搜索项: lay-search

 <div class="layui-inline">
                        <label class="layui-form-label" style=" width:90px;">企业:</label>
                        <div class="layui-input-inline" >
                           <select name="Company" id="Company" placeholder="请输入企业名称" lay-search="" class="cusName" style="width:130px;">
                                    <option value=""></option>
                                </select>
                        </div>
                    </div>

业务场景:选择某企业之后,无法清空选项。清空时点击空白处,应该默认为“请选择”

 

$(document).on("input propertychange", "select[lay-search] ~ div input", function () {
                if ($(this).val() == "") {
                    //alert($(this).parent().next().find(".layui-this").html());
                    $("#Company").val(''); //清空原选项值
                    $(this).parent().next().find(".layui-this").addClass(" layui-hide").removeClass("layui-this"); //清除layui选中状态
                }
            });

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM