- 使用了layui的select后,onchange等会失效,必须使用
form.on
才能实现onchange的效果。而在form.on中使用jquery/js等表单赋值的语句会无效。需要使用form.val()
对select进行赋值- 会失效的原因是使用了layui的select,不像layui的input一样,只是简单改变了select样式,而是将自己写的select隐藏,生成了一个layui自己的iuput作为显示的select。即我们看到的并不是我们自己写的那个select元素
lay-filter
的用处相当于专门给layui
自己使用的选择器<form class="layui-form" style="text-align: center" id="bxmxForm" lay-filter="bxmxForm">
<select name="cclx" lay-filter="cclx" id="cclx" >
//注意layui中为空的选项必须给个显示信息,如请选择,不写和写nbsp;等都有问题
<option value="" selected>请选择</option>
<option value="会议培训活动">会议培训活动</option>
</select>
</form>
form.on('select(cclx)', function (data) { data.value; //改变后的新值 form.val("bxmxForm", {"cclx":""}) //对整个表单进行赋值 });