当前位置: 代码迷 >> 综合 >> 父子页面传值和子兄弟页面传值
  详细解决方案

父子页面传值和子兄弟页面传值

热度:82   发布时间:2023-11-02 12:19:59.0

前言:我是用的layer弹出框整的layer父子页面

【父-->子】 【子-->父】

//子弹窗给父页面元素赋值
parent.$("#parentInput").val("这是从弹窗传递过来的数据"); //子弹窗调用父页面方法
window.parent.childInvokerMethod(); //子弹窗获取父页面元素的值
window.parent.$("#shiva").val()//弹框代码
var idx = layer.open({type: 2,title: '子页面',maxmin: true,area: ['800px', '500px'],content: './child1.html'
});//父页面调用子弹窗的 js方法
var contentWindow = $("#layui-layer-iframe" + idx)[0].contentWindow;
contentWindow.yourMethod();//父页面给子弹窗页面赋值
$("#layui-layer-iframe" + idx).contents().find("input").val("11111111");

【子-->兄弟】 【兄弟-->子】

A页面弹出B A 页面 弹出C
A页面弹出B ,再从B 页面弹出C B C平级 调用 parent.layer.open({});

//调用兄弟页面方法var contentWindow = window.parent.$("#layui-layer-iframe" + idx)[0].contentWindow;contentWindow.brotherInvokeMethod();//给兄弟页面元素赋值
window.parent.$("#layui-layer-iframe" + idx).contents().find("input").val("11111111");

这里的 idx 可以通过url 带参数的方式 传递到后台,然后再传递回来 或者 使用隐藏表单域进行解决。

  相关解决方案