layui select下拉框改变之 change 监听事件

最新推荐文章于 2025-03-20 18:58:13 发布

麻辣香蕉

最新推荐文章于 2025-03-20 18:58:13 发布

阅读量8w

点赞数 31

分类专栏：前端文章标签： layui select事件

本文链接：https://blog.csdn.net/weixin_36524613/article/details/83743328

版权

前端专栏收录该内容

4 篇文章

订阅专栏

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