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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章