layui中select其中某个值时点击触发事件
时间: 2023-09-13 22:14:06 浏览: 124
layui实现给某一列加点击事件
在 layui 中可以使用 form 模块的 on() 方法来监听 select 的 change 事件,当 select 中的值发生改变时触发相应的事件。
示例代码如下:
HTML 代码:
```html
<div class="layui-form-item">
<label class="layui-form-label">选择</label>
<div class="layui-input-block">
<select name="select" lay-filter="select">
<option value="">请选择</option>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
</div>
</div>
```
JavaScript 代码:
```javascript
layui.use(['form'], function(){
var form = layui.form;
// 监听 select 的 change 事件
form.on('select(select)', function(data){
console.log(data.value); // 打印选中的值
// 在此处编写相应的逻辑代码
});
});
```
在上面的代码中,我们通过 form 模块的 on() 方法来监听 select 的 change 事件,当 select 中的值发生改变时,会触发相应的回调函数。在回调函数中,可以通过 data.value 来获取当前选中的值,并在此处编写相应的逻辑代码。
阅读全文