Layui Select下拉框监听Change事件

在layui中使用 jquery 触发select 的 change事件无效,必须使用layui.use监听select事件:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
<select lay-filter="demo" lay-verify="required">
  
<script>
layui.use(['layer', 'jquery', 'form'], function () {
var layer = layui.layer,
$ = layui.jquery,
form = layui.form;
  
form.on('select(demo)', function(data) {
if (data.value == 1) {
$("#searchSessionNum").attr("disabled","true");
form.render('select');
} else {
$("#searchSessionNum").removeAttr("disabled");
form.render('select');//select是固定写法 不是选择器
}
});
});
</script>

使用事件过滤器lay-filter监听单个事件,layui中只要绑定相同事件就可以了,上面代码绑定demo,需要注意的是要使用 form.render(‘select’); 渲染一下,表示单个事件;否则渲染整个form表单。

发表评论

欢迎阅读『Layui Select下拉框监听Change事件|JavaScript、Web设计、前端框架|Nick Tan-梓潼Blog』