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