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
- GCP 谷歌云重撸 300 美元方法及删不了结算账户的解决办法全球[VPS测评]
- 企鹅小屋→300 元 月 2*L56XX 16GB 内存 1TB 硬盘 香港VPS[主机]
- WindowsVPS→$45 年 3G 内存 30GB SSD 空间 不WINDOWS
- js 比较两个时间大小函数全球[VPS测评]
- 疯狂猜成语 图猜成语一根绳子上穿着一串写着恶字的金牌子是什么成语?全球[VPS测评]
- TMThosting→$66.5 月-Dual L5520 24GB 1全球[VPS测评]
- ThinkPHP5 中 volist 标签调用函数的方法全球[VPS测评]
- [圣诞]GigsGigsCloud→香港 VPS 香港服务器 香港 CN香港VPS[主机]
- 香港直连 ¥432 年 2 内存 30G 硬盘 300G 流量 30Mb香港VPS[主机]
- 为什么有些网站的SEO排名总是靠前全球[VPS测评]
- robots.txt与nofollow之间的区别全球[VPS测评]
- WordPress网站PHP纯代码生成文章海报图片实现分享全球[VPS测评]
- Vultr VPS主机如何添加自定义防火墙规则全球[VPS测评]
- RackNerd:AMD Ryzen KVM VPS促销,Nvme硬盘,全球[VPS测评]
- 微基主机520常规优惠 虚拟主机2G三年付200元全球[VPS测评]
- 云服务器能干什么?有几十种玩法?阿里云,腾讯云服务器如何购买?全球[VPS测评]
- 6种样式社交论坛网站HTML5模板 - Social全球[VPS测评]
- 华为S2300 系列交换机如何修改密码?全球[VPS测评]
- 野草云怎么样?香港、美国圣何塞高防VPS 1核1G3M 月付19元美国VPS[主机]
- 百看不厌的文案,抖音唯美文案。全球[VPS测评]
- 跨境电商洋码头生死攸关:买手流失资金被冻结保全全球[VPS测评]
- 桔子数据怎么样?美国、香港CN2云服务器2核2G10M带宽仅480元/年美国VPS[主机]
- 什么是云服务器?云服务器怎么登陆?全球[VPS测评]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元香港VPS[主机]
- 关键路径、资金情况、政策关键数据中心的可持续发展路径在哪里?全球[VPS测评]
- 无忧云:雅安/德阳100G高防云主机月付78元起,香港CN2云服务器月付香港VPS[主机]
- 极光KVM:1核512M/50Mbps/BGP+CN2/美西vps/年付香港VPS[主机]
- 六一云:香港CN2/洛杉矶高防/CDN,“返利+折扣”双优惠,折上折送实香港VPS[主机]
- 极光KVM:4月G口新品发布美国大带宽vps;香港cn2+BGP直连云服美国VPS[主机]
- edgeNAT双十二:韩国VPS/美国CN2/香港CN2VPS主机,月付韩国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-216849.html











