解决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 相关文章推荐
js png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
Js 刷新框架页的代码
Apr 13 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 Javascript
jQuery替换textarea中换行的方法
Jun 10 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
Vuex之理解Mutations的用法实例
Apr 19 Javascript
vue在使用ECharts时的异步更新和数据加载详解
Nov 22 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
Oct 31 Javascript
Vue SSR 即时编译技术的实现
May 06 Javascript
js 实现碰撞检测的示例
Oct 28 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
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
php打印输出棋盘的实现方法
2014/12/23 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
javascript css styleFloat和cssFloat
2010/03/15 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
2013/12/14 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
使用Web Uploader实现多文件上传
2016/06/08 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
2016/11/26 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
Vue.js实现表格渲染的方法
2018/09/07 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
基于JavaScript实现随机点名器
2021/02/25 Javascript
[04:07]显微镜下的DOTA2第八期——英雄复活动作
2014/06/24 DOTA
利用python将pdf输出为txt的实例讲解
2018/04/23 Python
[原创]Python入门教程4. 元组基本操作
2018/10/31 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
浅析Python 中的 WSGI 接口和 WSGI 服务的运行
2020/12/09 Python
你正在寻找的CSS3 动画技术
2011/07/27 HTML / CSS
html5画布旋转效果示例
2014/01/27 HTML / CSS
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
八年级生物教学反思
2014/01/22 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
2015年学校政教工作总结
2015/07/20 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA
shell进度条追踪指令执行时间的场景分析
2022/06/16 Servers