解决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中的load方法装载IE缓存中文件的方法
Sep 11 Javascript
jquery 框架使用教程 AJAX篇
Oct 11 Javascript
Javascript的构造函数和constructor属性
Jan 09 Javascript
浅谈Javascript鼠标和滚轮事件
Jun 27 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 Javascript
node中koa中间件机制详解
Aug 22 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
详解vue中的computed的this指向问题
Dec 05 Javascript
JS实现canvas简单小画板功能
Jun 23 Javascript
PHP读取远程txt文档到数组并实现遍历
Aug 25 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
建立文件交换功能的脚本(二)
2006/10/09 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
php MessagePack介绍
2013/10/06 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
smarty自定义函数用法示例
2016/05/20 PHP
PHP引用返回用法示例
2016/05/28 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
php关联数组与索引数组及其显示方法
2018/03/12 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
js中数组Array的一些常用方法总结
2013/08/12 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
webpack3升级到webpack4遇到问题总结
2019/09/30 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
Python最基本的输入输出详解
2015/04/25 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
python 检查数据中是否有缺失值,删除缺失值的方式
2019/12/02 Python
Python基础之函数原理与应用实例详解
2020/01/03 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
使用python计算三角形的斜边例子
2020/04/15 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
事业单位个人应聘自荐信
2013/09/21 职场文书
成教自我鉴定
2013/10/27 职场文书
数据员岗位职责
2013/11/19 职场文书
财务会计人员岗位职责
2013/11/30 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
安阳殷墟导游词
2015/02/10 职场文书
学校艾滋病宣传活动总结
2015/05/09 职场文书
Python3接口性能测试实例代码
2021/06/20 Python