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 基础篇3 类,回调函数,内置对象,事件处理
Mar 14 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
Apr 24 Javascript
javascript结合CSS实现苹果开关按钮特效
Apr 07 Javascript
JavaScript数据类型学习笔记分享
Sep 01 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
tangram.js库实现js类的方式实例分析
Jan 06 Javascript
vue项目实战总结篇
Feb 11 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
May 30 Javascript
小程序tab页无法传递参数的方法
Aug 03 Javascript
js实现延迟加载的几种方法详解
Jan 19 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
Aug 20 Javascript
Vue管理系统前端之组件拆分封装详解
Aug 23 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
如何开始收听短波广播
2021/03/01 无线电
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
header跳转和include包含问题详解
2012/09/08 PHP
PHP的魔术常量__METHOD__简介
2014/07/08 PHP
PHP实现的比较完善的购物车类
2014/12/02 PHP
完美解决Thinkphp3.2中插入相同数据的问题
2017/08/01 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
比较详细的javascript对象的property和prototype是什么一种关系
2007/08/06 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
2010/01/02 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
2015/12/03 Javascript
js删除局部变量的实现方法
2016/06/25 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
记一次vue-webpack项目优化实践详解
2019/02/17 Javascript
python爬虫入门教程之点点美女图片爬虫代码分享
2014/09/02 Python
Python中返回字典键的值的values()方法使用
2015/05/22 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
Python爬虫代理IP池实现方法
2017/01/05 Python
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
python 执行shell命令并将结果保存的实例
2018/05/11 Python
Tensorflow中k.gradients()和tf.stop_gradient()用法说明
2020/06/10 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
什么是serialVersionUID
2016/03/04 面试题
应届生高等护理求职信
2013/10/12 职场文书
外贸学院会计专业应届生求职信
2013/11/14 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
调解员先进事迹材料
2014/02/07 职场文书
测绘专业大学生职业生涯规划书
2014/02/10 职场文书
行政监察建议书
2014/05/19 职场文书
IT工程师岗位职责
2014/07/04 职场文书
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android