layui select下拉框改變之 change 監聽事件
阿新 • • 發佈:2018-11-25
在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表單。