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 - 春节促销全场八折 香港云地四型独服买 2 月送 1 月香港VPS[主机]
- 做站必选 腾讯云 24 日秒杀→1 核 2G 云服务器 88 元 年 2全球[VPS测评]
- 土豪专用 搬瓦工→香港机房套餐补货 三网直连 PCCW 线路 2G 内存香港VPS[主机]
- 教程 2019 年 namesilo 域名转入 name.com 最新图全球[VPS测评]
- layer 子窗体界面大于父窗体界面的实现方法全球[VPS测评]
- 便宜 $25 年 2 核 CPU 3G 内存 40G SSD 5T 流量全球[VPS测评]
- 便宜 $13.99 年 512M 内存 20G SSD 250G 流量 全球[VPS测评]
- Launchvps→费城 KVM 月付 2.9 美元起 500M 带宽 全球[VPS测评]
- 疯狂猜成语 图猜成语两个人在说话另外一个人害怕是什么成语？全球[VPS测评]
- 数据湾→香港日本新加坡美国独立服务器促销 香港独服 550 元 月 I3独立服务器[U]
- 国内做站必备备案快 腾讯云秒杀→1 核 2G 50G 1M 年付 99 全球[VPS测评]
- cfhost→18.88 元 月 512MB 内存 40GB SSD 空虚拟空间(主机)
- 优惠 iON→Krypt 旗下品牌 5 折优惠来袭 全部为 CN2 GT全球[VPS测评]
- 网络较差-SoftShellWeb→首月 0.01-0.02 美元 KV全球[VPS测评]
- php 数组去重函数 array_unique()全球[VPS测评]
- WordPress博客使用php页面代码实现外链go跳转的方法全球[VPS测评]
- 快速云：vps云服务器的区别是什么？2022-08-1913：32来源：全球[VPS测评]
- 恒创科技：国庆中秋双节同庆,香港1核2G云服务器,年付378元香港VPS[主机]
- 奇维云优惠活动：香港CN21核1G1M带宽云服务器免费领取香港VPS[主机]
- 六六云,2核2G香港云服务器/1000GB流量/50Mbps端口/KVM香港VPS[主机]
- 宝塔面板怎么放行端口?宝塔面板放行端口的方法全球[VPS测评]
- 中国跨境电商，如何掘金欧洲市场？全球[VPS测评]
- 海量科技：香港2核2G云服务器,5M独享带宽,低至168元/月香港VPS[主机]
- 腾讯云香港轻量应用服务器 优惠活动最低月付仅24元香港VPS[主机]
- 无忧云,香港VPS全线5折促销,四川高防服务器/大连BGP/德阳高防/深香港VPS[主机]
- 创意加载进度HTML动画特效，SVG+CSS3实现的动画死神来了load全球[VPS测评]
- 易科云：香港cn2 vps,洛杉矶 cn2云主机;全场月付9折/季付8折香港VPS[主机]
- 印象云怎么样?85折香港安畅CN2vps带宽3M月付23元香港VPS[主机]
- 腾讯云轻量应用服务器128元/年,香港免备案vps/30M大带宽/100香港VPS[主机]
- CubeCloud,靠谱的香港cn2vps,美国cn2终身九折,原生IP美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-213857.html