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
- 香港 VPS 14 元起 美国 CERA VPS 18.8 元 月 咖啡美国VPS[主机]
- 华为云→香港 北京 上海 广州等云速建站 不限流量 8GB 空间 年付 虚拟空间(主机)
- 大硬盘 €15 年 512M 内存 128G 硬盘 500G 流量 1G全球[VPS测评]
- 干净的一键卸载宝塔面板 WEB 运行环境的方法全球[VPS测评]
- 双十一 腾讯云新上秒杀活动→企业用户专享一折 每天 5 场秒杀活动 2G全球[VPS测评]
- javascript 除法结果取整的四种方法全球[VPS测评]
- JQuery 中 serialize 方法不提交隐藏元素全球[VPS测评]
- 便宜 Cloudcone→512M 内存 10G 硬盘 2T 流量 1G全球[VPS测评]
- GbpsCloud→1620 元 月 2GB 内存 30GB 空间 不限虚拟空间(主机)
- 宝塔面板无法切换列表显示 删除网站失败提示计算错误的解决办法全球[VPS测评]
- dwg 文件怎么打开?全球[VPS测评]
- WordPress 5.2让你更容易去修复网站问题全球[VPS测评]
- 什么是云服务器?云服务器怎么登陆?全球[VPS测评]
- wordpress 上传附件报错 “抱歉,出于安全的考虑,不支持此文件类全球[VPS测评]
- 用玩客云做打印服务器,让你在手机上轻松实现无线打印全球[VPS测评]
- 极客主机,美国高防/日本软银/新加坡双程CN2/香港VPS 折后39元/日本VPS[主机]
- 极光KVM双12:全场月付/季付产品全部5折,永久优惠,年付最高立减15全球[VPS测评]
- 瓜云互联怎么样?香港/美国洛杉矶CN2高防vps 50G月付34元美国VPS[主机]
- 互盟云怎么样?1核2G云服务器仅468元/年,香港云主机58元/月香港VPS[主机]
- ERP库存管理系统HTML5模板 - DreamsPOS全球[VPS测评]
- 轻云互联,香港美国vps终身8.8折17元/月起,cn2直连线路,50G美国VPS[主机]
- earidc怎么样?香港三网cn2vps带宽1M月付29元香港VPS[主机]
- JGKVM促销,美国cn2vps服务器价格再创新低,平均6.5元/月起美国VPS[主机]
- 一万网络双蛋狂欢活动:2核2G5M云服务器仅377.46元/年全球[VPS测评]
- JGKVM促销,美国cn2vps服务器价格再创新低,平均6.5元/月起美国VPS[主机]
- 戈登云VPS,6折,充值送50%,香港cn2,美国cn云服务器,2核2G美国VPS[主机]
- 购买香港服务器需要做哪些准备香港VPS[主机]
- 网站迁移服务器是如何运作的?新手站长看完这篇文章,很容易就能看完。全球[VPS测评]
- 互盟云怎么样?1核2G云服务器仅468元/年,香港云主机58元/月香港VPS[主机]
- 香港云服务器性价比高:香港云服务器哪家便宜香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-157381.html











