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
- 大流量 VPS $6 月 512M 内存 30G SSD 5T 流量 1日本VPS[主机]
- 上新极光 KVM→美国洛杉矶 PZ 中美优化线路 KVM 123.45 美国VPS[主机]
- Digital-vm→$2.8 月 KVM-512MB 30G SSD 日本VPS[主机]
- UEditor 报错→Uncaught ReferenceError: 全球[VPS测评]
- 促销 Hostdare→85 折促销优惠 CN2 和 CN2 GIA 线全球[VPS测评]
- 便宜 日主机新年促销→香港 CN2 线路 512M 套餐年付 100 元香港VPS[主机]
- ThinkPHP5 中 success 和 error 方法传参的办法全球[VPS测评]
- TmhHost→安畅机房 CN2 GIA 线路补货 新上韩国 CN2 线韩国VPS[主机]
- Porkbun域名注册优惠,.COM 仅 $4.75,.NET仅 $5.全球[VPS测评]
- SwedenDedicated → 瑞典 循环5折 5€月付 1C1G4全球[VPS测评]
- Fastyun快云-月抛AZ AWS 便宜流媒体解锁5R Hinet等全球[VPS测评]
- VPC.KR 韩国 IPLC NAT 评测韩国VPS[主机]
- PacificRack → 1C 1G RAM 13G SSD 2T →全球[VPS测评]
- 2020情人节: CloudCone 512 内存 10G HDD 1T全球[VPS测评]
- “休闲养蜂”风靡海外跨境电商追逐垂直风口全球[VPS测评]
- 深圳市城市交通规划设计研究中心股份有限公司关于与腾讯云计算(北京)有限责全球[VPS测评]
- 持续高温!长沙所有初中新生停止军训!全球[VPS测评]
- 快速云:云服务器和vps区别是什么云服务器和vps哪个比较安全2022-全球[VPS测评]
- UCloud海外云服务器促销:全场1折起,香港cn2vps最低年付150香港VPS[主机]
- 魔方云cubecloud:香港CN2VPS/美国CN2VPS终身88折/美国VPS[主机]
- 快速云:云计算分类和云计算的特点全球[VPS测评]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器香港VPS[主机]
- 桔子数据:1核1GB香港CN2 GIA vps促销28元/月,最高30M香港VPS[主机]
- 纳米云怎么样?纳米云香港vps,4核1G主机价格80元/月香港VPS[主机]
- 傲游主机:香港cn2高防云主机,159元/月/2核/2GB/40GB/2香港VPS[主机]
- asiacloud怎么样?香港云服务器(cn2 gia),6折优惠,1GWINDOWS
- 者也IO,香港日本美国云服务器促销,2核2G1000元/2年,7折+内存日本VPS[主机]
- RangCloud:新购NAT VPS,256/512/1G/2G主机季香港VPS[主机]
- 翔云网络怎么样?香港云服务器优惠99/月,国内4核4G高防服务器6800香港VPS[主机]
- 樊云:香港cn2+美国cn2,36元/月起,9折优惠促销;云服务器+独立独立服务器[U]
转载请注明原文地址:http://140.238.13.167:12355/read-216849.html











