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

            }

只是根据业务简单的修改

posted @ 2019-12-03 09:36  芮源  阅读(3890)  评论(0)    收藏  举报