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


Posted in Javascript onSeptember 27, 2019

如下所示:

<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') 更新渲染的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery ui1.7 dialog只能弹出一次问题
Aug 27 Javascript
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
Feb 22 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
Vue基础配置讲解
Nov 29 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 #jQuery
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 #Javascript
vue实现表格过滤功能
Sep 27 #Javascript
vue实现手机端省市区区域选择
Sep 27 #Javascript
使用layui的layer组件做弹出层的例子
Sep 27 #Javascript
vue选项卡切换登录方式小案例
Sep 27 #Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 #Javascript
You might like
聊天室php&amp;mysql(二)
2006/10/09 PHP
PHP实现图片简单上传
2006/10/09 PHP
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
让textarea自动调整大小的js代码
2011/04/12 Javascript
浅说js变量
2011/05/25 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
2016/09/20 Javascript
微信小程序 实战小程序实例
2016/10/08 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
详解微信UnionID作用
2019/05/15 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
[58:21]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第二场
2018/04/04 DOTA
python 运用Django 开发后台接口的实例
2018/12/11 Python
如何使用Python自动控制windows桌面
2019/07/11 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
对pytorch的函数中的group参数的作用介绍
2020/02/18 Python
Python OpenCV实现测量图片物体宽度
2020/05/27 Python
虚拟机下载python是否需要联网
2020/07/27 Python
荟萃全球保健品:维他购
2018/05/09 全球购物
实习护士自我鉴定
2013/10/13 职场文书
高中毕业自我鉴定
2013/12/16 职场文书
协议书范本
2014/04/23 职场文书
离职报告范文
2014/11/04 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
认识实习感想
2015/08/10 职场文书
行为规范主题班会
2015/08/13 职场文书
感谢师恩主题班会
2015/08/17 职场文书
2016年父亲节寄语
2015/12/04 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android
Golang并发操作中常见的读写锁详析
2021/08/30 Golang
angular4实现带搜索的下拉框
2022/03/25 Javascript