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
- 人太多了-Hosteons→洛杉矶 VPS 1 核 512M 内存 5G全球[VPS测评]
- 搬瓦工 CN2 GIA 线路 DC6 补货 年付 46.8 美元 支持支全球[VPS测评]
- 便宜 $6.6 年 256M 内存 10G 硬盘 256G 流量@1Gb全球[VPS测评]
- extravm→俄罗斯 VPS $5 月 KVM 虚拟 1G 内存 1 全球[VPS测评]
- 活动 腾讯云秒杀→1 核 2G 国内套餐年付 99 元 2 核 4G3M全球[VPS测评]
- textarea 宽度自适应全球[VPS测评]
- 真实测评 修罗云→洛杉矶 CN2 GIA 线路 1G 内存方案测评数据全球[VPS测评]
- 特别推荐 XXMhost→1 核 512M 内存 10G SSD 0.8全球[VPS测评]
- SaltyfishTech→$40 年 1GB 内存 30GB SSD 虚拟空间(主机)
- 波特兰会炸-Moonvm→波特兰 VPS 1 核 1G 内存 15G S全球[VPS测评]
- DedeCMS 启用自带的评论模块禁用畅言评论全球[VPS测评]
- js 限制 input 只能输入数字(包括小数)全球[VPS测评]
- VPS 上安装 Speedtest HTML5 服务来测带 报错” Pa全球[VPS测评]
- 云霸天下 IDC 台湾双向 CN2 服务器,60M 带宽独享,E5-26全球[VPS测评]
- 基于CentOS系统的VPS安全设置与优化全球[VPS测评]
- 基于Vue.js的单栏wordpress博客模板全球[VPS测评]
- Terrahost挪威AMD不限流量VPS六五折优惠,Ryzen 595全球[VPS测评]
- alls-heberg-法国(非OVH)月付1.99欧vps 原生IP 全球[VPS测评]
- jquery css3实现的进度条动画特效,带加载进度条百分比动态效果。全球[VPS测评]
- 又有美议员窜访台,中国驻美大使馆:“中方将对美国的挑衅采取果断的反制措施美国VPS[主机]
- 香港云服务器怎么选?云服务器性能测评对比香港VPS[主机]
- 做跨境电商一个月都有多少收入?全球[VPS测评]
- 创意IT服务公司主页网站模板 - Softets全球[VPS测评]
- 弘速科技:香港安畅CN2 GIA/弹性云服务器10元/月,2核1GB/2香港VPS[主机]
- 七安云怎么样?香港CN2+BGP线路VPS 1核1G10M 16/月香港VPS[主机]
- 厘米云,江苏移动100G高防云服务器,4核4G内存20M带宽79元/月全球[VPS测评]
- 拼多多拟建跨境电商平台:挖角SHEIN员工,0佣金招商入驻全球[VPS测评]
- 阿里云ecs香港服务器怎么购买?阿里云香港2核8G5M云服务器仅2449香港VPS[主机]
- 景林网络:香港CN2vps,1核1G3M月付35元;美国高防vps,48美国VPS[主机]
- 原创解析:云计算含义及定义全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-219861.html











