解决layui追加或者动态修改的表单元素“没效果”的问题
更新时间：2019年09月18日 08:50:27 作者：张小斌1999
今天小编就为大家分享一篇解决layui追加或者动态修改的表单元素“没效果”的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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 KeyDown、KeyPress和KeyUp事件的区别与联系
KeyDown、KeyPress和KeyUp事件的区别与联系,以后就可以根据需求来选择使用。2009-12-12
原型链是JavaScript中继承的主要方法。本文重点给大家介绍JavaScript基于原型链的继承，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
这篇文章主要介绍了在微信小程序中使用mqtt服务的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
一个非常全面的javascript URL解析函数和分段URL解析方法
本文详细介绍了一个非常全面的javascript URL解析函数，可以解析一个URL中的协议、主机、查询字符串甚至锚链接，非常实用，一并总结了js自带的分段URL解析方法,需要的朋友可以参考下2014-04-04
这篇文章主要为大家详细介绍了JavaScript队列、优先队列与循环队列的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
JavaScript实现sleep睡眠函数的几种简单方法总结
sleep是一种函数,他的作用是使程序暂停指定的时间,起到延时的效果,下面这篇文章主要给大家介绍了关于JavaScript实现sleep睡眠函数的几种简单方法总结,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
window.event.keyCode兼容IE和Firefox实现js代码
window.event.keyCode兼容IE和Firefox具体实现代码如下，感兴趣的朋友可以参考下哈2013-05-05
本文主要介绍如何使用head.js实现网站并行加载但顺序执行JS，提高网站加载速度。需要的朋友可以看下2016-11-11
这篇文章主要介绍了JavaScript中的new 命令，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
这篇文章主要跟大家介绍了关于Javascript中mouseup事件丢失的原因与解决办法的相关资料，文中给出详细的示例代码供大家参考学习，需要的朋友们下面跟着小编一起来学习学习吧。2017-06-06
最新评论