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
- VirMach→便宜美国 VPS 补货 洛杉矶 西雅图节点可选 35 元美国VPS[主机]
- BuyVM→拉斯维加斯无限流量 KVM 每月 2 美元起 支持支付宝全球[VPS测评]
- 傲游主机→64 元 月 KVM-2GB 40GB 400GB 香港(CN香港VPS[主机]
- 用 js 提交表单而不是 submit 时怎么触发验证 jquery.v全球[VPS测评]
- 阿里云 - 轻量应用服务器香港新加坡多机房可选 最低 24 元 月香港VPS[主机]
- 补货通知 搬瓦工→$49 年 1G 内存 1T 流量 CN2 补货了 有全球[VPS测评]
- LOCVPS 香港邦联全新套餐,高性价比 Cn2 线路,2 核 2G 内香港VPS[主机]
- Name.com→.xyz 域名 年付 0.99 美金;最长可注册 10全球[VPS测评]
- 大硬盘 VPS 70 每月 1G 内存 220G 硬盘 1.5T 流量全球[VPS测评]
- 疯狂猜成语 图猜成语三个人中的两个人都夸中间的人是什么成语?全球[VPS测评]
- raksmart 美国圣何塞高配母鸡,双路 e5-2680v2 128G美国VPS[主机]
- SaltyfishTech→$13.9 季 1GB 内存 10GB SS虚拟空间(主机)
- 浅谈博客运营前、中、后期如何实现盈利全球[VPS测评]
- 知更鸟Begin主题代码实现外链转内链并base64加密全球[VPS测评]
- WordPress基于WPJAM BASIC开发的免费主题:Autumn全球[VPS测评]
- WordPress删除文章时怎么才能删除缩略图及图片附件全球[VPS测评]
- 逸云 VPS 香港CN2 GIA VPS 1G10m带宽年付188元 美美国VPS[主机]
- QuadraNet机房洛杉矶便宜服务器,E3处理器,30TB大流量, $全球[VPS测评]
- 精编案例丨游戏行业转型升级迫在眉睫,云计算助力打造下一代游戏体验全球[VPS测评]
- 中国云计算,能啃的只剩硬骨头了全球[VPS测评]
- 腾讯会议故障了 提示:会议发生异常请重新加入会议全球[VPS测评]
- 亿速云双12年终回馈:云服务器2折活动,订单满100元减50元全球[VPS测评]
- btcvps,比特云怎么样?香港VPS,KVM架构带宽4M月付88港币香港VPS[主机]
- 快云科技:2核2G3M香港云BGP/新界CN2云服务器,月付33元香港VPS[主机]
- 众创逸云:1核2G云服务器,不限流量vps/5Mbps/KVM/香港CN香港VPS[主机]
- 极光kvm怎么样?香港大带宽VPS促销1核1G内存19元/月起,5G防御香港VPS[主机]
- Weebly网站迁移到WordPress的实操上手。全球[VPS测评]
- 孤狼云:香港沙田CN2/安畅CN2云服务器仅9.9元/月_香港虚拟主机2香港VPS[主机]
- 热网互联:日本+香港 cn2 gia vps7折,日本服务器7.5折,全日本VPS[主机]
- Mysql连接数过高,如何检查?全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-219861.html











