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
- 秒杀 腾讯云秒杀活动→2G 内存上海机房 VPS 年付 198 元 16全球[VPS测评]
- 促销 DediPath→ 不限流量 VPS 全场 6 折优惠 Hybri全球[VPS测评]
- 双十二 raksmart→I3 独服仅$46 月 10G 口 不限买 1全球[VPS测评]
- vultr 韩国 vps 云服务器上线,三网直连,按小时计费,1 核 1韩国VPS[主机]
- 活动 RAKsmart→机房升级 300G 防御 悬赏 100G 以上攻独立服务器[U]
- 绕美国-NexusBytes→$3 月 2GB 内存 25GB SSD 虚拟空间(主机)
- 一个五一个十是什么成语?全球[VPS测评]
- Dataplugs 多线通香港服务器五折起,企业级 E3 E5 服务器,香港VPS[主机]
- HostKvm 六月优惠→全场 8 折 香港 4G 内存 1T 流量 5香港VPS[主机]
- 腾讯云服务器双 11 秒杀最后一天 国内 香港云服务器 268 元 3 香港VPS[主机]
- 四月优惠 PacificRack→三款特价套餐 2 核 1.5G 20G全球[VPS测评]
- TripodCloud→圣何塞 CN2 GIA 线路 KVM 年付 38全球[VPS测评]
- JQuey 中 each 方法怎么获取 判断 index?全球[VPS测评]
- OLVPS→国庆优惠 新西伯利亚 波特兰 伯力 洛杉矶 CN2 GIA 香港VPS[主机]
- Peerhost-瑞士vps 德国 3.5欧月付起 1G10G NVME全球[VPS测评]
- 详细介绍vps云服务器及其作用全球[VPS测评]
- 狗云DogYun,香港cn2云服务器/优惠码/流量包,按小时计费云服务器香港VPS[主机]
- 数字化东风已来,亚马逊云科技跨境电商合作企业招募大会即将开启全球[VPS测评]
- 春天的风最容易温暖心灵,适合朋友圈和抖音的12条文案全球[VPS测评]
- 如何根据业务需求选择合适的云服务器配置?全球[VPS测评]
- UCloud云服务器2020年度大促:北京/上海云服务器/香港免备案云服香港VPS[主机]
- JGKVM活动钜惠:美国cn2,香港cmi,大带宽vps,三网直连,10美国VPS[主机]
- 2022年最新的15个美容院抖音文案,美容院文案怎么写全球[VPS测评]
- locvps:香港cn2vps(葵湾机房),2核2G40g硬盘,8折优惠WINDOWS
- 网站迁移服务器是如何运作的?新手站长看完这篇文章,很容易就能看完。全球[VPS测评]
- HostKvm:韩国香港vps10月份最新促销,海外VPS全场八折优惠韩国VPS[主机]
- 向日葵-漏洞科普:海外云服务器三种漏洞修复方法快收藏起来!全球[VPS测评]
- 持续高温!长沙所有初中新生停止军训!全球[VPS测评]
- 疯鱼云怎么样?香港CN2VPS首月14元,续费19元香港VPS[主机]
- 搬瓦工:全场VPS 9折优惠,10Gbps(美国cn2 gia+日本软银日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-202091.html











