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