layui中form.render('select', 'test2') 更新渲染的示例分析

这篇文章主要介绍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>

以上是“layui中form.render('select', 'test2') 更新渲染的示例分析”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！