浅谈layer的iframe弹窗给里面的标签赋值的问题
更新时间：2016年11月10日 09:24:08 投稿：jingxian
下面小编就为大家带来一篇浅谈layer的iframe弹窗给里面的标签赋值的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
说到这一篇，真的是颠覆了我的思维。
官方文档，没有介绍这一部分的操作，大致上提了一下。
我的思路是把页面的数据传过去，在iframe弹窗的页面拿到接收到的数据，然后赋值，但是这样就会有个问题，
怎么传值呢？
想到了url传参，但是我的数据太长了，这样不保险。
第二种动作方法去数据库读取，然后在传递，可是我实在是不想已经有的数据还去一次数据库，那不是浪费性能么，
然后询问了无数群友，才有了这个方法
先上效果图
然后上代码
function editUser(i) { //编辑按钮的方法
var rows = $("#userGrid").datagrid("getRows");
layer.open({
title: false,
type: 2,
closeBtn: false,
area: ['420px', '560px'],
skin: 'layui-layer-rim', //加上边框
content: ['/Admin/ShowForm/EditUserInfo', 'no'],
success: function (layero, index) {
var body = layer.getChildFrame('body', index); //巧妙的地方在这里哦
body.contents().find("#userName").val(rows[i].UserName);
body.contents().find("#mail").val(rows[i].MailBox);
if (rows[i].Tel != "-") {
body.contents().find("#tel").val(rows[i].Tel);
}
if (rows[i].Mobile != "-") {
body.contents().find("#mobile").val(rows[i].Mobile);
}
body.contents().find("#addr").val(rows[i].Addr);
body.contents().find("#isstutas").val(rows[i].IsStatus);
}
});
}
先得到整个页面，然后把id拿出来一个个赋值是不是很好呢！
以上就是小编为大家带来的浅谈layer的iframe弹窗给里面的标签赋值的问题全部内容了，希望大家多多支持脚本之家~
相关文章
这篇文章主要介绍了JS实现的自定义map方法,结合实例形式分析了javascript自定义map相关的json数组定义、遍历、添加、删除、读取等相关操作技巧,需要的朋友可以参考下2019-05-05
一个非常全面的javascript URL解析函数和分段URL解析方法
本文详细介绍了一个非常全面的javascript URL解析函数，可以解析一个URL中的协议、主机、查询字符串甚至锚链接，非常实用，一并总结了js自带的分段URL解析方法,需要的朋友可以参考下2014-04-04
在日常的图片处理中,我们经常会遇到需要抠图的情况,无论是为了美化照片、制作海报,还是进行图片合成,抠图对于我们来说也是一种很常用的功能了,今天就让我们一起来看下怎么使用canvas来实现一个锚点抠图功能2024-03-03
这篇文章主要为大家详细介绍了JavaScript实现滑块验证案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要给大家介绍了关于JavaScript中引用vs复制的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
这篇文章主要介绍了详解webpack与SPA实践之开发环境搭建,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了原生JS实现列表内容自动向上滚动效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了JS如何把字符串转换成json,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
javascript, jquery的事件中都存在事件冒泡和事件捕获的问题，针对这两个问题，本文给出详细的解决方法，需要的朋友不要错过2014-05-05
js奇偶数判断的代码...2007-05-05
最新评论