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 相关文章推荐
使用javascript获取flash加载的百分比的实现代码
May 25 Javascript
jquery设置按钮停顿3秒不可用
Mar 07 Javascript
Listloading.js移动端上拉下拉刷新组件
Aug 04 Javascript
JS简单去除数组中重复项的方法
Sep 13 Javascript
详解ECMAScript6入门--Class对象
Apr 27 Javascript
JavaScript原型继承_动力节点Java学院整理
Jun 30 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
js常见遍历操作小结
Jun 06 Javascript
JavaScript setInterval()与setTimeout()计时器
Dec 27 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 23 Javascript
js实现查询商品案例
Jul 22 Javascript
JS数组转字符串实现方法解析
Sep 04 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 5.0 Pear安装方法
2006/12/06 PHP
PDO预处理语句PDOStatement对象使用总结
2014/11/20 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
php字符串截取函数mb_substr用法实例分析
2019/06/25 PHP
微信小程序发送订阅消息的方法(php 为例)
2019/10/30 PHP
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
用unescape反编码得出汉字示例
2014/04/24 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
ES6 Proxy实现Vue的变化检测问题
2019/06/11 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
浅析python的优势和不足之处
2018/11/20 Python
windows下 兼容Python2和Python3的解决方法
2018/12/05 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
稀有和绝版书籍:Biblio.com
2017/02/02 全球购物
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
质量承诺书范文
2014/03/27 职场文书
买房协议书
2014/04/11 职场文书
建筑安全标语
2014/06/07 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
小学见习报告
2014/10/31 职场文书
期末复习计划
2015/01/19 职场文书
电气工程师岗位职责
2015/02/12 职场文书
董事长秘书岗位职责
2015/02/13 职场文书
2016年国庆节假期旅游工作总结
2016/04/01 职场文书