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窗体中写入数据即可。
[layer]历史优惠活动内容
猜你可能想看的VPS
- 做站推荐 腾讯云秒杀→香港 2G 套餐年付 249 元 国内 2G 套餐香港VPS[主机]
- Kvmla 难得的双十一香港 VPS 主机&日本 VPS 主机终身 6 日本VPS[主机]
- $15 年 512M 内存 250G 硬盘 1T 流量 1Gbps 芝加全球[VPS测评]
- Friendhosting→$1.75 起 首付 5 折 KVM 无限流全球[VPS测评]
- 疯狂猜成语 图猜成语一个穿着绿衣服的人伸着手指很高兴的在说话是什么成语？全球[VPS测评]
- Sharktech→$99 月 E3-1270v2 16GB 内存 2T全球[VPS测评]
- MySQL:1248 - Every derived table mus全球[VPS测评]
- 特价 碳氧云→6 核 CPU 6G 内存 80G 硬盘 6Mbps 不限香港VPS[主机]
- 免费VPS是怎么从你身上捞钱的？全球[VPS测评]
- WordPress保护后台登录插件：Login LockDown全球[VPS测评]
- OneinStack如何启用 Brotli 压缩全球[VPS测评]
- 逸云 VPS 香港CN2 GIA VPS 1G10m带宽年付188元 美美国VPS[主机]
- 如何为WordPress友情链接设置 nofollow 属性？全球[VPS测评]
- 什么是蜘蛛黑洞及如何避免全球[VPS测评]
- WordPress网站通过设置WP-Cron 定时任务删除恶意注册用户全球[VPS测评]
- GigsGigsCloud新加坡大陆优化VPS上架全球[VPS测评]
- 2019黑五: Krypt ION- 2C 2G RAM 60G SSD全球[VPS测评]
- [Cyber Monday]Virmach优惠全球[VPS测评]
- 长三角地区的算力需求规模到底有多大？全球[VPS测评]
- 华纳云双十一钜惠活动：香港美国云服务器低至3.5折美国VPS[主机]
- 蓝米云：美国cera vps/香港cn2vps套餐,1核2G/40G/1美国VPS[主机]
- 魔方云cubecloud：香港CN2VPS/美国CN2VPS终身88折/美国VPS[主机]
- 外贸无界烟台市有多少跨境电商？烟台跨境电商开发平台，烟台跨境电商选品全球[VPS测评]
- 春天的风最容易温暖心灵，适合朋友圈和抖音的12条文案全球[VPS测评]
- sugarhosts糖果主机黑五：VPS服务器5折,最低月付24.5元,香港VPS[主机]
- 跨境电商洋码头生死攸关：买手流失资金被冻结保全全球[VPS测评]
- UCloud云服务器2020年度大促：北京/上海云服务器/香港免备案云服香港VPS[主机]
- TmhHost优惠码：黑五优惠全场8折，洛杉矶vps、日本CN2、韩国C日本VPS[主机]
- 孤狼云：香港沙田CN2/安畅CN2云服务器仅9.9元/月_香港虚拟主机2香港VPS[主机]
- 74块钱一年的云服务器可以用来做什么？全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-157381.html