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