本文介绍layui中form.render('select', 'test2')的用法。重点在于div需添加class="layui-form"和lay-filter="test2"属性,且这两个属性必须加在容器上,而非select控件本身。错误做法是将属性直接加在select上,正确做法是加在包含select的div容器上。
layui form.render('select', 'test2') 更新渲染的方法
示例代码如下:
<div class="layui-form" lay-filter="test1">
…
</div>
<div class="layui-form" lay-filter="test2">
…
</div>
【JavaScript】
form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器内的全部表单状态
form.render('select', 'test2'); //更新 lay-filter="test2" 所在容器内的全部 select 状态
//……
关键注意事项:
<div class="layui-form" lay-filter="test2">
1、必须添加该样式:class="layui-form"
2、必须添加该属性:lay-filter="test2"
3、样式和属性不可直接添加至控件本身,如下所示为错误示例
示例:下拉选择框
错误用法示例:
<div class="layui-col-md6" >
<select name="hm2" id="hm2" lay-verify="required" class="layui-form" lay-filter="hm2">
<option value="">办理细类</option>
</select>
</div>
正确用法示例:
<div class="layui-form layui-col-md6" lay-filter="hm2">
<select name="hm2" id="hm2" lay-verify="required" >
<option value="">办理细类</option>
</select>
</div>
官方文档地址:https://www.layui.com/doc/modules/form.html#render
以上关于 layui form.render('select', 'test2') 更新渲染的方法即为分享的全部内容,希望对大家有帮助,也欢迎支持本站。