解决layui追加或者动态修改的表单元素“没效果”的问题


Posted in Javascript onSeptember 18, 2019

layui版本:2.2.6(考虑到一万年以后会有人遇到类似问题 先做个版本记录)

关于该问题的layui官方文档地址:http://www.layui.com/doc/modules/form.html

官方原文:

有些时候,你的有些表单元素可能是动态插入的。这时 Form模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制(因为我们叫经典模块化框架,偷笑.gif) 但没有关系,你只需要执行 form.render(type, filter); 方法即可。

代码样例

$.post('http://4646464645',{adcode:data.value},function(d){
 var o= eval('(' +d+')');
 var municipalityStr = '';
 if (o.status==1) {
 for (var i = 0; i < o.districts[0].districts.length; i++) {
  municipalityStr +='<option value="'+o.districts[0].districts[i].adcode+'">'+o.districts[0].districts[i].name+'</option>';
 }
 }
 $("#municipality").append(municipalityStr);
 form.render();
});

以上这篇解决layui追加或者动态修改的表单元素“没效果”的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 Javascript
JS中的public和private对象,即static修饰符
Jan 18 Javascript
细说javascript函数从函数的构成开始
Aug 29 Javascript
用于deeplink的js方法(判断手机是否安装app)
Apr 02 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
javascript事件绑定学习要点
Mar 09 Javascript
使用jquery实现的循环连续可停顿滚动实例
Nov 23 Javascript
VUE element-ui 写个复用Table组件的示例代码
Nov 18 Javascript
微信小程序实现banner图轮播效果
Jun 28 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
Javascript模拟实现new原理解析
Mar 03 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 #Javascript
解决layer 动态加载select 失效的问题
Sep 18 #Javascript
webpack的tree shaking的实现方法
Sep 18 #Javascript
js实现窗口全屏示例详解
Sep 17 #Javascript
js实现简单页面全屏
Sep 17 #Javascript
js模拟F11页面全屏显示
Sep 17 #Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
Sep 17 #Javascript
You might like
用libtemplate实现静态网页生成
2006/10/09 PHP
php下检测字符串是否是utf8编码的代码
2008/06/28 PHP
javascript AutoScroller 函数类
2009/05/29 Javascript
jquery pagination插件实现无刷新分页代码
2009/10/13 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
基于vue实现分页效果
2017/11/06 Javascript
深入理解JS的事件绑定、事件流模型
2018/05/13 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
python实现系统状态监测和故障转移实例方法
2013/11/18 Python
python批量修改文件后缀示例代码分享
2013/12/24 Python
python基础教程之自定义函数介绍
2014/08/29 Python
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
python中input()与raw_input()的区别分析
2016/02/27 Python
Django接受前端数据的几种方法总结
2016/11/04 Python
解决Ubuntu pip 安装 mysql-python包出错的问题
2018/06/11 Python
python 实现视频流下载保存MP4的方法
2019/01/09 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
python定义类的简单用法
2020/07/24 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
党支部培养考察意见
2015/06/02 职场文书
幼儿园开学温馨提示
2015/07/15 职场文书
2016年五一促销广告语
2016/01/28 职场文书
幼儿园教师教学反思
2016/03/02 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS