页面:
<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" }); } } }
只是根据业务简单的修改