layui 监听下拉框
时间: 2023-09-19 22:11:47 浏览: 56
您好!对于 layui 下拉框(select 组件)而言,如果您想要监听下拉框的选中事件,可以通过监听 select 组件的 change 事件来实现。具体方法如下:
1. 给 select 组件添加一个 lay-filter 属性,例如:
```
<select name="city" lay-filter="city-select">
<option value=""></option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">广州</option>
<option value="4">深圳</option>
<option value="5">杭州</option>
</select>
```
2. 在 JavaScript 中监听 change 事件:
```
layui.use('form', function(){
var form = layui.form;
// 监听 select 组件的 change 事件
form.on('select(city-select)', function(data){
// data.value 为当前选中的值
// data.othis 为当前 select 组件的 DOM 对象
console.log('选中的值为:' + data.value);
});
});
```
上述代码中,我们通过 layui.form.on('select(city-select)', function(data){}) 来监听 select 组件的 change 事件。在回调函数中,我们可以通过 data.value 来获取当前选中的值。如果您需要获取当前 select 组件的 DOM 对象,可以使用 data.othis。