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
- 阿里云双 11 企业新用户特惠→2 核 8G6M 1645 元 3 年 全球[VPS测评]
- LOCVPS 全场 8 折 香港沙田&香港大埔 CN2 每月 56 元起香港VPS[主机]
- oplink→美国休斯顿大流量 VPS $5 KVM 1G 内存 40gWINDOWS
- [黑五]EtherNetservers 常规套餐 75 折 特价套餐年付全球[VPS测评]
- DedeCMS 禁止文档设置推荐后标题加粗 DedeCMS 去掉文档推荐全球[VPS测评]
- 储存 VPS $45 年 768M 内存 150G 硬盘 1T 流量 8全球[VPS测评]
- 阿里云 - 轻量应用服务器香港数据中心线路非直连香港VPS[主机]
- 双十一 iON→2 核 CPU 4G 内存套餐 新加坡 洛杉矶机房 月付全球[VPS测评]
- 腾讯云星星海 SA2 云服务器→2C4G6M 三年 1735 元全球[VPS测评]
- [11.11]ZJI→香港服务器 65 折 日本站群服务器 7 折 充 站群服务器[IP]
- ZJI 香港站群服务器→1400 元 L5630 24GB 480G S站群服务器[IP]
- 引力主机 2vCPU 512M内存 10G SSD 硬盘 2TB流量 2全球[VPS测评]
- Advinservers → 8$ 月 印度孟买 2C10G60G硬盘 全球[VPS测评]
- RivenCloud 1G内存 10G SSD 5M带宽不限流量 全区x全球[VPS测评]
- CloudCone 512 内存 20G HDD 1T流量 洛杉矶 MC全球[VPS测评]
- 很简单的图片不规则布局样式,纯css样式实现的图片瀑布流布局全球[VPS测评]
- 创意IT服务公司主页网站模板 - Softets全球[VPS测评]
- 一篇漫画,看懂云计算全球[VPS测评]
- 悦智网络:香港cn2 VPS阿里云线路,四川德阳高防vps,大连高防vp香港VPS[主机]
- 香港云服务器的优势有哪些方面香港VPS[主机]
- 傲闪云vps,1核1G低至10元起,国内高防/香港CN2/美国CN2/美美国VPS[主机]
- edgenat:韩国cn2+香港cn2,VPS八折优惠,8核8G/50gWINDOWS
- 极光KVM:1核/1G/40G/100Mbps/美国GIA,年付199元美国VPS[主机]
- 硅云香港云服务器怎么样?硅云香港vps访问速度快不快?香港VPS[主机]
- 2021恒创科技开年采购季:香港/美国云服务器低至299元/年美国VPS[主机]
- sugarhosts首推DECADE云服务器,香港云服务器,1核512M香港VPS[主机]
- 人力资源管理系统前端Web模板 - SmartHR全球[VPS测评]
- 搬瓦工:全场VPS 9折优惠,10Gbps(美国cn2 gia+日本软银日本VPS[主机]
- 腾讯会议故障了 提示:会议发生异常请重新加入会议全球[VPS测评]
- CombCloud,香港沙田CN2VPS测评,2核1G52元/月,安畅C香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-210885.html











