layui下拉选择之前端快速筛选

  有时候项目中会遇到一个下拉框，那么layui中的下拉是不二之选。它集成在form.js中，加载使用倒是很方便，但是在使用中会遇到一种情况：数据量很多的选择。那么该如何高效筛选呢？

口头描述一下吧：可以使用一个文本框、两个下拉，一个用于显示，一个用于取值【隐藏起来】。通过往这个文本框输入值，可以使用监听器或者onchange事件，并与下拉项进行比较【隐藏的】从而进行联想匹配，并操作dom让显示的那个下拉改变，layui的select重新渲染。不多说，码上见：

//原理：使用隐藏的下拉与输入值进行判断，如果匹配，则追加到显示的下拉中
    
        
 <%--使用jq让下面这个元素隐藏起来--%>
            
        
    

*

layui加载方式在此处省略……

jsp的示例，其余应该类似，可以照葫芦画瓢~