layui form.render('select', 'test2') 更新渲染的方法

作者:资源驿站

时间:2026-10-23

浏览:592

本文介绍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') 更新渲染的方法即为分享的全部内容,希望对大家有帮助,也欢迎支持本站。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章