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
- wget 下载 https 时报错 ERROR: The certifi全球[VPS测评]
- 疯狂猜成语 图猜成语一个纸箱和一个由很多纸箱组成的奇字是什么成语?全球[VPS测评]
- 修罗云→165 元 季 512MB 内存 6GB 空间 1TB 流量 1虚拟空间(主机)
- iWFHosting→$57 月-E3 1230v2 16GB 2TB 全球[VPS测评]
- 可选中国-Oracle Cloud→永远免费的数据库和云服务;可选日本 日本VPS[主机]
- 保看奈飞 $18.75 月 2 核 CPU 1.5G 内存 30G SS日本VPS[主机]
- RAKsmart 八月 VPS 年付 123 元起 L5630 服务器低全球[VPS测评]
- VirMach 圣何塞机房补货→终身六折 $15 年 512MB 内存 全球[VPS测评]
- 疯狂猜成语 图猜成语一只毛笔在往竹简上写字 旁边还有很多竹简 远处是一片全球[VPS测评]
- DogYun 月付 15 元的圣何塞双程 giavps 速度及综合性能测全球[VPS测评]
- ZJI→香港云地&邦联服务器 65 折 香港葵湾&大埔服务器 75 折香港VPS[主机]
- VPS 零元购 酷番云:1 核 1G 60G 硬盘 2M 带宽 内蒙机房全球[VPS测评]
- oplink→美国休斯顿大流量 VPS $5 KVM 1G 内存 40gWINDOWS
- HostKvm 2021开年 香港国际/洛杉矶CN2七折优惠,其它业务全香港VPS[主机]
- RAKsmart 服务器限量秒杀,40G防御仅99刀,洛杉矶新品预售,美全球[VPS测评]
- 阿里云国际版香港机房轻量应用服务器VPS测评,三网联通AS4837,与新香港VPS[主机]
- WordPress网站通过设置WP-Cron 定时任务删除恶意注册用户全球[VPS测评]
- ApiLiLin → 8.3$ 月 印度尼西亚 1C1G20G硬盘 1T全球[VPS测评]
- Onmore 昂墨–34$ 月 1核2G内存30G硬盘 不限流量 100全球[VPS测评]
- xiuluohost-修罗云 香港 移动联通电信大带宽机器 IPLC等香港VPS[主机]
- 香港云服务器对于建站有什么便捷的地方?香港VPS[主机]
- 八成企业看好出海投资 防止“溺水”需重视这一点全球[VPS测评]
- 企鹅小屋怎么样?深港IPLC专线销售 500M大带宽/2核1G内存/55全球[VPS测评]
- 狗云DogYun,香港cn2云服务器/优惠码/流量包,按小时计费云服务器香港VPS[主机]
- CIO和其他IT领导者充分利用边缘计算增强业务的4个关键全球[VPS测评]
- Fatal error: Allowed memory size of 全球[VPS测评]
- 速云互联:香港/美国CN2 GIA线路/BGP/10Mbps/全场八折,美国VPS[主机]
- pittqiao:彰化HiNet/台北CN2/东京NTT/上海茂名联通C全球[VPS测评]
- 速云互联:香港/美国CN2 GIA线路/BGP/10Mbps/全场八折,美国VPS[主机]
- 亿速云11.11上云狂欢节活动:2核4G国内/香港云服务器,价格999元香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-213857.html











