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
- 极光 KVM→美国洛杉矶 Psychz KVM 19.8 元 月 续费同美国VPS[主机]
- 抗投诉服务器 hostsolutions→5 折优惠 不限内容 罗马尼亚全球[VPS测评]
- AlexHost→€11.8 年 1.5GB 内存 10GB SSD 空虚拟空间(主机)
- RamNode - OpenStack 正式上线全球[VPS测评]
- 美国 VPS 2.24 刀每月 512M 内存 1T 流量 洛杉矶 FT美国VPS[主机]
- thinkphp5 获取用户 ip tp5 获取客户端 ip全球[VPS测评]
- raksmart→“开年大促” 超大带宽 不限流量“独立服务器” 美国 独立服务器[U]
- CN2 GT $20 年 512M 10G SSD 600G 流量 1G全球[VPS测评]
- 价格一般-KoDDoS→$12.95 月 香港服务器 含 DDOS 防御香港VPS[主机]
- hostyun→15.3 元 月 美国 cn2 gia VPS KVM 美国VPS[主机]
- HostKvm→$7.6 月 KVM-2GB 20GB 600GB 香港香港VPS[主机]
- 玩具呢-Timeweb→5 元 月 1 核 512M 不限流量 俄罗斯圣全球[VPS测评]
- 12 个免费 SSL 证书申请网站全球[VPS测评]
- 数脉科技→香港 cn2+bgp 独立服务器 364 元 月 e3-123独立服务器[U]
- WordPress通过根据评论数量判断是否显示评论者链接全球[VPS测评]
- 如何规划博客写文章的流程,加快发文速度全球[VPS测评]
- 网站配置HSTS协议的好处和必要性全球[VPS测评]
- DediPath黑五全场VPS三五折,月付最低1.2美元起;高配便宜服务全球[VPS测评]
- WordPress博客固定链接是否会影响网站SEO?全球[VPS测评]
- Server-factory 荷兰 21欧年付 2G内存25G硬盘 2T全球[VPS测评]
- 碳氧云,香港vps路由调整为沙田cn2,特价款6核6G仅80元/月香港VPS[主机]
- EdgeNAT,香港CN2+BGP vps 带宽5M 月付72元香港VPS[主机]
- 适合美容院的正能量抖音文案,唯美阳光,正能量满满全球[VPS测评]
- 2022年最新的15个美容院抖音文案,美容院文案怎么写全球[VPS测评]
- 快云科技:2核2G3M香港云BGP/新界CN2云服务器,月付33元香港VPS[主机]
- ERP库存管理系统HTML5模板 - DreamsPOS全球[VPS测评]
- 购买香港服务器需要做哪些准备香港VPS[主机]
- 德斯拉科技:香港物理机900元/月,香港VPS/E5CPU,88元起,美美国VPS[主机]
- 麻花云怎么样?安徽移动vps月付29元/香港vps月付21元香港VPS[主机]
- 麻花云:香港CN2云服务器首月9元起;安徽移动BGP云主机月付29元起香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-207933.html











