layui下拉框的的搜索以及选取的值的获取

layui下拉搜索框功能

首先在上级的div 加上 layui-form 

在select 加上 lay-search,lay-filter="proChange",进行渲染,接着在js中进行layui操作

layui下拉搜索框功能

进行元素获取,proChange为lay-filter的值, data.elem为选中的下拉框的所有值的集合,我这里获取到选取的下拉选中值的id

当下拉框被layui渲染之后,原本的onChange时间会失去效果,需要layui下拉搜索框功能使用layui的监听时间

效果演示:

layui下拉搜索框功能

 

 

 

相关文章: