浅谈layer的iframe弹窗给里面的标签赋值的问题
编程学习 2021-07-04 19:19www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇浅谈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弹窗给里面的标签赋值的问题全部内容了，希望大家多多支持狼蚁SEO~