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
- Uovz→2200 元 月 E5-2620*2 16GB 内存 240G全球[VPS测评]
- 非常便宜 centerhop→1 核 768M 15G SSD 1T 流全球[VPS测评]
- WPS 表格提取身份证号中的出生年月日并且自动计算年龄的方法全球[VPS测评]
- TenVM→66.66 元 半年 256MB 内存 4GB SSD 空间虚拟空间(主机)
- 阿里云采购季→1C2G1M 低至年付 74 元 2C4G5M 云服务器 全球[VPS测评]
- 日本 VPS 49 元每月 1G 内存 650G 流量 日本大阪 Hos日本VPS[主机]
- DogYun→圣何塞 CN2 GIA 线路经典云月付 15.6 元起 动全球[VPS测评]
- 腾讯云采购季最后一天,云服务器低至 299 元 3 年,2 核 4G 4全球[VPS测评]
- 便宜 Hostmem→1 核 1G 20G 硬盘 200Mbps 100全球[VPS测评]
- NecoVM 五一促销,国内联通 移动大带宽 NAT 最低 24 元 月全球[VPS测评]
- hostodo→$40 年 送 DirectAdmin KVM 2G 内全球[VPS测评]
- 许诺云双十一 全场优惠 充值300送50 香港CN2GIA线路美国高防 美国VPS[主机]
- Chrome插件Personal Blocklist全球[VPS测评]
- WordPress文章分类的设计和排版全球[VPS测评]
- 74块钱一年的云服务器可以用来做什么?全球[VPS测评]
- 好朋友51WORLD启动“地球克隆计划5”,我要去元宇宙参加了全球[VPS测评]
- 深圳市城市交通规划设计研究中心股份有限公司关于与腾讯云计算(北京)有限责全球[VPS测评]
- cmivps:全场7折,香港不限流量VPS,Windows系统,LinuWINDOWS
- 港网科技怎么样?国内BGP云主机,2核2G5M带宽仅377.46元/年全球[VPS测评]
- EdgeNat双十二优惠:韩国/香港/美国全场VPS年付,2核2G2M仅韩国VPS[主机]
- 中国云计算,能啃的只剩硬骨头了全球[VPS测评]
- KVMCloud:1核/512M/40G硬盘/无限流量/美国/香港BGP美国VPS[主机]
- 做跨境电商,如何打造私域流量?全球[VPS测评]
- YYYHost:4核4G香港cn2vps,20G SSD/3Mbps不限香港VPS[主机]
- 茶猫云:香港云服务器,支持windows,2M带宽,34元/月WINDOWS
- 晚点独家丨拼多多9月上线跨境电商平台,首站美国美国VPS[主机]
- DDOS攻击类型有哪些?全球[VPS测评]
- anyhk:香港HGC云服务器,1核/256MB/5GB SSD/600香港VPS[主机]
- 2020畅行云双11活动:海内外云服务器超低1.5折,2核2G5M云主机全球[VPS测评]
- 八成企业看好出海投资 防止“溺水”需重视这一点全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-202091.html











