layui弹窗父子页面传值

最新推荐文章于 2021-09-03 10:19:28 发布

原创最新推荐文章于 2021-09-03 10:19:28 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

笔记专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何使用layui框架的layer组件实现在弹框成功后获取并修改子页面的input元素值，通过实例展示了如何利用layer.open方法及getChildFrame获取iframe内容。

在这里插入图片描述
在弹框成功后获取写在子页面的input，将值写入子页面input，隐藏。

根据layui文档
layer.open({
type: 2,
content: ‘test/iframe.html’,
success: function(layero, index){
var body = layer.getChildFrame(‘body’, index);
var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
console.log(body.html()) //得到iframe页的body内容
body.find(‘input’).val(‘Hi，我是从父页来的’)
}
});