javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > layui form.render('select', 'test2') 更新渲染

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>

官方文档:https://www.layui.com/doc/modules/form.html#render

以上这篇layui form.render('select', 'test2') 更新渲染的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文