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
- CN2 GIA ¥148 年 256M 内存 20G SSD 10Mbp全球[VPS测评]
- 很多乌字和合字在一起是什么成语?全球[VPS测评]
- 二三互联香港新世界 vps 促销,5-8 折优惠,CN2 小带宽,不限流香港VPS[主机]
- laravel 框架提示→TokenMismatchException 全球[VPS测评]
- drServer→$14.5 月-C2750 8GB 2TB 100M 全球[VPS测评]
- BandwagonHost - 搬瓦工目前最便宜的 VPS 方案整理全球[VPS测评]
- GigsGigsCloud 日本 cn2 gia vps 仅$7.3 起日本VPS[主机]
- WordPress插件:有字库插件美化文章标题和内容全球[VPS测评]
- 用XAMPP搭建本地PHP测试环境及安装WordPress全球[VPS测评]
- 用Memcached、Batcache加速WordPress实现内存级缓全球[VPS测评]
- RackNerd 便宜VPS春节促销,年付10.88美元起,可选美国洛杉美国VPS[主机]
- Fasthosts 1£ 月 1C512MB10G硬盘 英国VPS 购买全球[VPS测评]
- hostingkolay-土耳其 1C1G20GB 不限流量 4.49$全球[VPS测评]
- 跨境贸易和跨境电商的三大区别简单分析全球[VPS测评]
- SEO和网页加载速度有关系吗?如何提升?全球[VPS测评]
- 牛信云入选艾瑞《2022年中国跨境电商服务行业趋势报告》典型厂商全球[VPS测评]
- 常见的CN2,GIA,CIA 各个网络线路解释全球[VPS测评]
- 香港云服务器怎么选?云服务器性能测评对比香港VPS[主机]
- sugarhosts糖果主机黑五:VPS服务器5折,最低月付24.5元,香港VPS[主机]
- 2022年黄河流域跨境电商博览会将于8月26日至28日在青岛西海岸新区举全球[VPS测评]
- 青云互联:香港弹性云CN2直连线路,全场8折,免费windows系统,月WINDOWS
- 品光网络:香港美国免备案云服务器超低价,2核2G2M年付仅750元/年美国VPS[主机]
- 伏羲云:全场75折,美国CN2 GIA/香港CN2年付硬盘翻倍,日本软银日本VPS[主机]
- 美云香港云服务器怎么样?1核1G香港云服务器价格99元/月香港VPS[主机]
- 瓜云互联:香港CN2/美国洛杉矶高防vps优惠促销,预充款最高送300元美国VPS[主机]
- 腾讯云秒杀活动:1核/2G/上海&北京,年付99元全球[VPS测评]
- 拼多多回应筹备跨境电商业务:不予置评全球[VPS测评]
- TabbyCloud:1核/1GB/20GB/2TB流量/50Mbps/香港VPS[主机]
- 九零云怎么样?香港将军澳VPS,美国圣何塞VPS 2核1G10M 47/美国VPS[主机]
- 柚子互联:美国洛杉矶CN2 vps,防御100G/带宽10M,28元/月美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-207933.html











