Layui Select下拉框监听Change事件

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

<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表单。

发表评论