layui Select下拉框

 

1、绑定数据

html代码如下：

jq代码如下：

备注：

第一步，是往对应的select标签填充数据。此步骤相当于多个<option></option>。

第二步，关键步骤，layui.form相当于form，在以下语句中记得声明一下。这样子写的意思是把form表当中的select标签重新加载的意思。

 

 

2、绑定change事件

2.1 select 标签中要加入lay-filter="ID名" 属性

2.2 使用form.on方法，这里form相当于layui.form；第一个值代表的是select(ID名)，第二个是回调方法，data中是选中的对象，可以console.log(data) 进行查看。这里我写的是绑定了搜索事件。