解决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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
jQuery 动态云标签插件
Nov 11 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
Feb 13 Javascript
Vue.js tab实现选项卡切换
May 16 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
Nov 15 Javascript
微信小程序实现侧边分类栏
Oct 21 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
解决使用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
附件名前加网站名
2008/03/23 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
php查询操作实现投票功能
2016/05/09 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
php实现将数组或对象写入到文件的方法小结【三种方法】
2020/04/22 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
Javascript里使用Dom操作Xml
2007/01/22 Javascript
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
jQuery中map()方法用法实例
2015/01/06 Javascript
jQuery中animate用法实例分析
2015/03/09 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
2016/01/14 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
2017/09/02 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
Python  连接字符串(join %)
2008/09/06 Python
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
python异步存储数据详解
2019/03/19 Python
Python中url标签使用知识点总结
2020/01/16 Python
基于python代码批量处理图片resize
2020/06/04 Python
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
size?爱尔兰官方网站:英国伦敦的球鞋精品店
2019/03/31 全球购物
高中国旗下的演讲稿
2014/08/28 职场文书
安全教育片观后感
2015/06/17 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
同乡会致辞
2015/07/30 职场文书