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
- 三优云 uuuvps→香港 美国 日本 CN2 KVM 全场 8 折 买日本VPS[主机]
- 腾讯云秒杀→1499 元 3 年-双核 4G 内存 50G 硬盘 6M 全球[VPS测评]
- 脚本 国内 VPS 测评脚本 Superbench.sh 使用教程全球[VPS测评]
- IMIDC→$9 月 KVM-512MB 20GB 300GB 南非 C全球[VPS测评]
- HostSlick→$25 约 E5-2643-V1 8GB 内存 48全球[VPS测评]
- 号外 Virmach 洛杉矶机房 107.175.x.x 段 IP 可以全球[VPS测评]
- 恒创科技→500 元 月 E3-1231v3 16GB 内存 2TB 硬全球[VPS测评]
- raksmart→日本不限流量服务器(物理机) 100Mbps 带宽 $日本VPS[主机]
- 不建议年付-ParkinHost→50 欧元 年 200Mbps 宽带 全球[VPS测评]
- ByteDynasty→40 元 月 1GB 内存 10GB 空间 51虚拟空间(主机)
- 企鹅小屋→350 元 月 E3-12XX 16GB 内存 1TB 硬盘 香港VPS[主机]
- 靠谱商家 flipperhost→$99 年 洛杉矶高配 VPS KV全球[VPS测评]
- 便宜 PacificRack 传家套餐→384M 内存套餐$7.25 年全球[VPS测评]
- 如何为WordPress网站站外链接添加自动nofollow功能全球[VPS测评]
- Yatosha → 坦桑尼亚VPS 90$ 月 1C2G20G硬盘 OV全球[VPS测评]
- 如何设置必应api 自动推送网站全球[VPS测评]
- 潮科技|阿里云发布第七代高主频云服务器ECS和含光800云服务器全球[VPS测评]
- 2023年 IDC市场结构和方向的深度分析全球[VPS测评]
- BBR对比BBR2BBRPLUSBBR2CAKE锐速哪个效果好全球[VPS测评]
- 20个温暖心灵的问题,抖音,朋友圈都可以拿去发。全球[VPS测评]
- 长三角地区的算力需求规模到底有多大?全球[VPS测评]
- CubeCloud,靠谱的香港cn2vps,美国cn2终身九折,原生IP美国VPS[主机]
- 乐趣云怎么样?香港美国云服务器首月8.8元,新增IP5元/个美国VPS[主机]
- 六一云:国内BGP高防vps套餐,1核/1G/2Mbps/香港CN2,月香港VPS[主机]
- 雪花云怎么样?雪花云香港云服务器1核1G2M仅19元/月香港VPS[主机]
- 傲闪云vps,1核1G低至10元起,国内高防/香港CN2/美国CN2/美美国VPS[主机]
- 野草云:2021开年大促 – 香港VPS 136.8元年起;香港服务器3香港VPS[主机]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元香港VPS[主机]
- 葫芦云:香港将军澳CN2云服务器24元/月,1核/1GB/25G硬盘/3香港VPS[主机]
- Weebly网站迁移到WordPress的实操上手。全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-204999.html











