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
- 禁止浏览器自动填充 input 用户名密码全球[VPS测评]
- 疯狂猜成语 图猜成语两个拳击手一个预备一个起是什么成语?全球[VPS测评]
- 线路不行-海星云香港大浦 NTT 机房 KVM VPS 服务器上新 电信香港VPS[主机]
- reset.css 分享全球[VPS测评]
- 做站首选 腾讯云服务器秒杀活动→上海机房 2G 内存 VPS 年付 19全球[VPS测评]
- [黑五]Sharktech→独立服务器月付 44 美元起 VPS 年付 独立服务器[U]
- 景文互联→日本服务器月付 900 元起 软银+CN2 线路 快速上架日本VPS[主机]
- Windows Server 2012 在桌面上显示”我的电脑”图标的方WINDOWS
- Kdatacenter→韩国 KVM-1GB 100GB SSD 500韩国VPS[主机]
- spinservers→$119 月-Dual E5 2630L 128全球[VPS测评]
- begin主题添加《英雄榜》每评论一次你就会自动排第一代码全球[VPS测评]
- WordPress博客网站代码实现右键菜单功能修改全球[VPS测评]
- AlphaVPS保加利亚便宜服务器,E5处理器,月付39欧元;AMD E全球[VPS测评]
- Biznetgio-11$ 月 印尼 高端云计算平台 最高10Gbps 全球[VPS测评]
- CubeCloud 新年促销 75 折全球[VPS测评]
- 萌云英国伦敦GIA VPS 三网GIA 解锁流媒体全球[VPS测评]
- 跨境电商洋码头生死攸关:买手流失资金被冻结保全全球[VPS测评]
- 长三角地区的算力需求规模到底有多大?全球[VPS测评]
- 搬瓦工:美国香港cn2 gia线路VPS,10Gbps带宽,移动+联通企美国VPS[主机]
- GreenCloudVPS:5折、6折优惠,日本、新加坡、香港等KVM 日本VPS[主机]
- wikihost微基主机服务,香港稳定虚拟主机8折,3.73元/月起,C香港VPS[主机]
- 极客主机,美国高防/日本软银/新加坡双程CN2/香港VPS 折后39元/日本VPS[主机]
- 虾皮跨境电商怎么样?虾皮跨境电商靠谱吗?全球[VPS测评]
- VPSPlayer,超便宜香港cn2线路小带宽VPS,2核4G内存仅30香港VPS[主机]
- 金斗云:全场8折起,美国圣何塞高防VPS,20元/月;香港CN2 VPS美国VPS[主机]
- 魔方云cubecloud:香港CN2VPS/美国CN2VPS终身88折/美国VPS[主机]
- 云群网络怎么样?香港云服务器高端弹性云2核2G2M带宽,仅588元/年香港VPS[主机]
- 百家云服务器怎么样?免备案香港云服务器、即开即用香港VPS[主机]
- 硅云香港主机怎么样?硅云香港云服务器价格多少钱一年?香港VPS[主机]
- 傲游主机:香港CN2高防云主机8折158元/月起(最高50G防御/2核2香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-204999.html











