layui下的下拉框输入修改


页面:

                    <input type="text" name="LicenseIdtext" id="LicenseIdtext" class="layui-input" style="position:absolute;z-index:2;width:80%;"  value="" onkeyup="search()"   autocomplete="off">
                    <select type="text" id="LicenseId" lay-filter="LicenseId" autocomplete="off" placeholder="移交单位全称"  class="layui-select" lay-search>
                        <option value="">请选择</option>
                    </select>

js:

    //选择移交单位 赋值给input框
    form.on('select(LicenseId)', function (data) {
        if (data.value != "") {
            $("#LicenseIdtext").val(data.value);
        }        
        $("#LicenseId").next().find("dl").css({
            "display": "none"
                });
                form.render();
                });

            window.search = function () {
                var value = $("#LicenseIdtext").val();
                $("#LicenseId").val(value);
                if (value=="请选择") {
                    $("#LicenseId").val("");
                }                
                form.render();
                $("#LicenseId").next().find("dl").css({ "display": "block" });
                var dl = $("#LicenseId").next().find("dl").children();
                var j = -1;
                for (var i = 0; i < dl.length; i++) {
                    if (dl[i].innerHTML=="请选择") {
                        dl[i].style.display = "block";
                        continue;
                    }
                    if(dl[i].innerHTML.indexOf(value) <= -1) {
                        dl[i].style.display = "none";
                        j++;
                    }
                    if (j == dl.length-1) {
                        $("#LicenseId").next().find("dl").css({ "display": "none" });
                    }
                }               

            }

只是根据业务简单的修改


免责声明!

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



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