layer 通过 parent.layer.open 打开的窗体向父窗体传值
![]() | ![]() | ![]() | ![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |

在“layer 子窗体关闭后向父窗体传值的办法”一文中我们介绍了在 layer 子窗体向父窗体传值的办法。但是有的时候,我们需要实现layer 子窗体大于父窗体的效果,这种情况下我们的弹窗代码是 parent.layer.open 而不是 layer.open,这时篇头文章中的办法是无效的。那么要怎么实现 layer 子窗体大于父窗体并能通过子窗体向父窗体传值呢?具体方法如下:
假设有页面 A,B,C。其中 A 为主页面、B 为 A 中通过 layer.open 弹出的子窗体,C 为在 B 窗体中通过 parent.layer.open 弹出的子窗体,那么现在 C 窗体已经可以大于 B 窗体了,我们要解决的就是 C 窗体向 B 窗体传值,其实就是篇头文章的一种变通做法。
1.A 页面中定义回调函数:
function callback(id){ $('#layui-layer-iframe1').contents().find('#number').val(id); }说明,layui-layer-iframe1 为通过审查代码获得的 layer.open 的 B 窗体 ID,经过反复查看确认不会变化,是固定值,这段代码的意思就是当回调函数执行时,将 B 窗体中 id 为 number 的文本框值设置为传过来的参数 id。
2.B 窗体中要接受传值的 html 代码:
<input type="text" class="form-control" id="number" name="number" value="">3.C 窗体中的函数调用代码:
function select(id){ parent.callback(id); var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }说明:C 窗体中的回调代码,执行该函数后回调 A 页面中的函数 callback。
总结:其实就是要理解 layer 弹出层之间的关系,因为通过 parent.layer.open 的方式打开弹窗 C,所以实际上 C 弹窗的父页面是 A,因此执行回调函数要写到 A 中,然后再通过 A 的回调函数向 B 窗体中写入数据即可。
猜你可能想看的VPS
- 黑五 ZJI→全新上线香港葵湾 香港大埔 六折 香港葵湾独立服务器低至 独立服务器[U]
- Online - Summer Deals Start-2-S 系列 月全球[VPS测评]
- TeraDelta→美东费城虚拟主机 5GB SSD 空间 不限流量 年虚拟空间(主机)
- 便宜 VPS 3.5 刀每月 512M 内存 500G 流量 20G 全球[VPS测评]
- Rainbow Cloud→$30 月 E3-12XX 8G 内存 1T日本VPS[主机]
- Dell latitude 3450 怎么关闭触摸板(win7)全球[VPS测评]
- X4B→主打 DDOS 防护 有日本 新加坡 洛杉矶 德国等节点 50G日本VPS[主机]
- 稳定 RAKsmart→圣何塞 100M 不限流量服务器 61.38 美全球[VPS测评]
- 疯狂猜成语 图猜成语一个曲折向下的箭头上有一个写着 1 的球是什么成语?全球[VPS测评]
- 按小时计费 80M 主机→香港沙田机房 CN2 GIA 线路 年付低至 香港VPS[主机]
- DiyVM→69 元 月 XEN-2GB 50GB 2M 香港 CN2 香港VPS[主机]
- 腾讯云免费领取 100 元无门槛代金券全球[VPS测评]
- 企鹅小屋→韩国 CN2 日本 CN2 独立服务器特价优惠 550 月 大独立服务器[U]
- LNMP与OneinStack一键安装包区别与选择建议全球[VPS测评]
- anyNode新年特惠 拉斯维加斯 VPS 2核/4G内存/60G硬盘 全球[VPS测评]
- Gotmyhost-$9.4 月 孟加拉国 新加坡 美国 2G内存20G美国VPS[主机]
- Networkpresence-澳大利亚阿德莱德 2.15美元 月 2T全球[VPS测评]
- ZeptoVM 2018圣诞优惠全球[VPS测评]
- on9host 1核心 512M内存 15G 储存 500G流量 30M全球[VPS测评]
- 向日葵-漏洞科普:海外云服务器三种漏洞修复方法快收藏起来!全球[VPS测评]
- 40火伞高压电爬坡更让企业用电于民全球[VPS测评]
- 六六云,2核2G香港云服务器/1000GB流量/50Mbps端口/KVM香港VPS[主机]
- 什么是IconFont ?iconfont 的使用和解析全球[VPS测评]
- 快速云:vps云服务器的区别是什么?2022-08-1913:32来源:全球[VPS测评]
- 云服务器和云服务器租用,云服务器做什么??全球[VPS测评]
- 腾讯云香港轻量应用服务器 优惠活动最低月付仅24元香港VPS[主机]
- 免备案服务器对权重和网站排名有影响吗?全球[VPS测评]
- 咖啡主机:元旦活动全场7、8折,洛杉矶vps仅需16元/月,香港将军澳C香港VPS[主机]
- 56云服务器怎么样?56云免备案香港云服务器价格多少钱?香港VPS[主机]
- 江苏高防服务器哪里买?宿迁BGP、宿迁双线高防服务器的价格全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-204999.html











