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
- 老薛主机 2020 开工大吉 主机全场年付 6.5 折全球[VPS测评]
- 送美元 RackNerd 春节促销→登陆 购买最高送$188 红包 独立独立服务器[U]
- Online - 独立服务器限时特惠 Start-2-M-SSD 月付€独立服务器[U]
- js jquery 判断图片是否加载完成的三种方法全球[VPS测评]
- 疯狂猜成语 图猜成语一个纸箱和一个由很多纸箱组成的奇字是什么成语?全球[VPS测评]
- 疯狂猜成语 图猜成语一只木盆往外泼水是什么成语?全球[VPS测评]
- 如何关闭(注销)QQ 空间?虚拟空间(主机)
- 使用 centos7 系统的国外 VPS 制作 google 镜像全球[VPS测评]
- hostkvm - 大带宽香港 VPS 2 核 2G 内存仅 68 元 香港VPS[主机]
- pacificrack 黑五特价机→2 核 1G8 30G SSD 1T全球[VPS测评]
- php curl 301 无效 php curl 网页不自动跳转 php全球[VPS测评]
- racknerd→母亲节 VPS 优惠活动 $20.88 年 KVM 1全球[VPS测评]
- WordPress 修改管理页面登录地址全球[VPS测评]
- WordPress插件:WPS Hide Login 修改 WordPr全球[VPS测评]
- quadranet机房 独立服务器买二赠一,3G DDoS高防,$39起独立服务器[U]
- AlexHost摩尔多瓦抗投诉 VPS 云服务器 1.5G内存/不限流/全球[VPS测评]
- 六六云洛杉矶cera VPS 云服务器 三网联通CUVIP/1Gbps带全球[VPS测评]
- hostiger土耳其便宜vps六折促销,年付19美元起;12GB内存特全球[VPS测评]
- HostYun新上洛杉矶AMD新机器,三网cn2gia/美国原生IP/A美国VPS[主机]
- Beervm-广州移动 湖南联通 轻量VDS 99元 月 独立IP独立服务器[U]
- 2019黑五: PacificRack → 2C 1G RAM 30G全球[VPS测评]
- Cubecloud 香港CN2 GIA VPS → 港区Netflix 香港VPS[主机]
- 好朋友51WORLD启动“地球克隆计划5”,我要去元宇宙参加了全球[VPS测评]
- btcvps,比特云怎么样?香港VPS,KVM架构带宽4M月付88港币香港VPS[主机]
- 曾经最大跨境电商平台团队收缩,只剩20人丨GoingGlobal周报全球[VPS测评]
- UCloud海外云服务器促销:全场1折起,香港cn2vps最低年付150香港VPS[主机]
- 2023年 IDC市场结构和方向的深度分析全球[VPS测评]
- 什么是云计算?全球[VPS测评]
- wikihost,微基主机:1核/1G/15G/100Mbps/香港vp香港VPS[主机]
- 腾讯云限时秒杀改版:轻量应用服务器2核4G8M仅598元/年,增香港/新香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-204999.html











