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
- 华为云近期云服务器 1 折促销活动整理,国内 香港 CN2 服务器新用户香港VPS[主机]
- 绕美国-PHP-Friends→€4 月 2 核 6GB 内存 65GB虚拟空间(主机)
- 波特兰会炸-Moonvm→波特兰 VPS 1 核 1G 内存 15G S全球[VPS测评]
- PHP 获取上周所有日期 PHP 获取当前时间前一周七天具体日期全球[VPS测评]
- Uovz→1200 元 月 2*E5-2420 24GB 内存 300G全球[VPS测评]
- VirMach→洛杉矶 西雅图 芝加哥 纽约等 KVM VPS 256M全球[VPS测评]
- 疯狂猜成语 图猜成语一个饼字一个几字中间有一只毛笔是什么成语?全球[VPS测评]
- ¥24.8 月 1G 内存 12G 硬盘 1.2T 流量 10Gbps 全球[VPS测评]
- 疯狂猜成语 图猜成语一个富字一个贵字在云彩上是什么成语?全球[VPS测评]
- hostworld→£3.69 月 1GB 内存 20GB SSD 空间虚拟空间(主机)
- 促销 TheStack→4 核 4G 内存 60G 硬盘 2T 流量 1全球[VPS测评]
- 阿里云→CDN 有国内和亚太 100GB 流量 年付 22 元;500G全球[VPS测评]
- 干净的一键卸载宝塔面板 WEB 运行环境的方法全球[VPS测评]
- illyhosting→€3.55 月 1GB 内存 20GB SSD 虚拟空间(主机)
- 黑色星期五 sharktech→10G 不限量国内直连服务器超低价全球[VPS测评]
- Hostodo低价NVME硬盘VPS测评 高IO 1G内存大流量 年付最全球[VPS测评]
- JustVPS 新加披云服务器促销,首年优惠,年付$37.35起全球[VPS测评]
- 微基主机520常规优惠 虚拟主机2G三年付200元全球[VPS测评]
- 修罗云 → 深港IPLC专线 → 1核 256M内存 6G硬盘 35G 全球[VPS测评]
- 1分钟快速读懂云计算全球[VPS测评]
- 2022年有哪些顶级托管服务提供商全球[VPS测评]
- 老六云怎么样?香港cn2vps月付23元香港NTT月付9.9元香港VPS[主机]
- tudcloud,香港沙田大带宽vps特惠7折,CN2+BGP直连,10香港VPS[主机]
- 跨境贸易和跨境电商的三大区别简单分析全球[VPS测评]
- 傲游主机:香港cn2高防云主机,159元/月/2核/2GB/40GB/2香港VPS[主机]
- 磐逸云:全场8折优惠,1核1G香港套餐月付24元,日本NNT线路套餐,月日本VPS[主机]
- 亿速云双12年终回馈:云服务器2折活动,订单满100元减50元全球[VPS测评]
- 香港云服务器性价比高:香港云服务器哪家便宜香港VPS[主机]
- 亚马逊卖家与广告流量之间的博弈才刚刚开始?品牌卖家如何冲破广告之困...全球[VPS测评]
- 后浪云:优惠码”2021″,美国/香港2核4G2M云服务器仅32.5元/美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-210885.html











