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
- 活动 嘟牛云→限时免单 全场 77 折优惠 额外双倍内存 66 红包大放全球[VPS测评]
- 无字和伦字在天平的两边是什么成语?全球[VPS测评]
- 疯狂猜成语 图猜成语一根签子上有三个丸子两边各有一个问号是什么成语?全球[VPS测评]
- 优惠 $17.99 年 1G 内存 30G 硬盘 1.5T 流量 1Gb全球[VPS测评]
- 微信开发→"errcode": -1000,"errmsg": "sys全球[VPS测评]
- 疯狂猜成语 图猜成语一座房子前面是海(河)另一座房子前面是田地是什么成语全球[VPS测评]
- raksmart→美国(西海岸)独立服务器 优化线路 低至$46 月 高独立服务器[U]
- 搬瓦工 cn2 gia 补货啦!10Gbps GIA 大带宽,2 核 1全球[VPS测评]
- 阿里云参与测试得 200 元代金券全球[VPS测评]
- raksmart→“开年大促” 超大带宽 不限流量“独立服务器” 美国 独立服务器[U]
- 限量特价 $1.49 每月 256M 内存 10G 硬盘 1T 流量 洛全球[VPS测评]
- 便宜 $7.2 年 512M 内存 10G 硬盘 1T 流量 100Mb全球[VPS测评]
- Google Voice 自动回复短信保号一键脚本,防止谷歌收回全球[VPS测评]
- MLNL-香港 HGC NAT VPS 测试 月付3刀 1TB流量@10香港VPS[主机]
- DMIT 黑五 → 圣何塞4837年付36.9美金起全球[VPS测评]
- BuyVM → 拉斯维加斯 性能充足 无限流量 → 2美金每月全球[VPS测评]
- 企鹅小屋:深港IPLC节点,0.25元/G流量,不用不花钱全球[VPS测评]
- 如何更改WHMCS默认后台路径让WHMCS系统更安全全球[VPS测评]
- 快速云:云服务器和vps区别是什么云服务器和vps哪个比较安全2022-全球[VPS测评]
- 易凡云:香港CN2 2核2G云服务器仅29.78元/月,357元/年香港VPS[主机]
- 六一云:香港CN2/洛杉矶高防85折优惠,CDN半年优惠,充值返利送水杯香港VPS[主机]
- 如何更改WHMCS默认后台路径让WHMCS系统更安全全球[VPS测评]
- 硅云香港云服务器怎么样?硅云香港vps访问速度快不快?香港VPS[主机]
- 腾讯云免备案海外服务器:高速网络免备案,助力企业出海!全球[VPS测评]
- 阿里云香港服务器多少钱一年?阿里云香港云服务器如何购买?香港VPS[主机]
- 乐趣云怎么样?香港美国云服务器首月8.8元,新增IP5元/个美国VPS[主机]
- 香港云服务器性价比高:香港云服务器哪家便宜香港VPS[主机]
- 景林网络:香港CN2vps,1核1G3M月付35元;美国高防vps,48美国VPS[主机]
- 阳帝云:香港大宽带vps仅15元/月;美国vps200G防御仅28元/月美国VPS[主机]
- 私有云架设之优选拓普龙S465-24高密度存储服务器机箱评测解析全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-213857.html











