jQuery Layer弹出层传值到父页面的实现代码

目前做的项目中用到layer弹层传值，弹层输入框输入文本，点击确定按钮，父页面的树结构，会自动添加分组。

在此粘贴下代码，以后遇到，方便回忆，如有疑问请留言，或许会为您解答

$(document).ready(function(){
//添加任务弹出层
addTask(); 
});
//弹出层
function addTask(){
$('[data-id="addList"]').on('click', function(){
layer.open({
type: 2,title: '添加任务',
closeBtn:1,
//maxmin: true,
shadeClose: false, //点击遮罩关闭层
area : ['15%' , '28%'],//弹层宽高
content: 'jsp/taskconf/roundConf-addList.jsp'
});
});
//关闭弹层
layerClose();
addTeam("addTeam");
addTeam("addRule");
}
//点击确定按钮，先传值到父页面，然后关闭弹层
function layerClose(){
('[data-id="saveBtn"]').click(function(){ //点击确定按钮，获取弹层输入值，传入父页面 var parentId=parent.('[data-id="saveBtn"]').click(function(){ //点击确定按钮，获取弹层输入值，传入父页面 var parentId=parent.("#leftTree_1_ul");//接收值的父页面ID
var txt = $('[data-id="team-txt"]').val();//弹出层内获取要传出的值
var str = "<li id="leftTree_9" class="level1" tabindex="0" hidefocus="true">" +
"<span id="leftTree_9_switch" class="button level1 switch center_open" treenode_switch="">" +
"<a id="leftTree_9_a" class="level1" target="_blank" title='"+txt+"'>" +
"<span id="leftTree_9_ico" class="button ico_open">" +
"<span id="leftTree_9_span" class="node_name">"+txt+"" +
"";
parentId.append(str);//传值到父页面
 //先得到当前iframe层的索引
 var index = parent.layer.getFrameIndex(window.name);  
 parent.layer.close(index); //再执行关闭 
});
}

总结

以上所述是小编给大家介绍的jQuery Layer弹出层传值到父页面，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# layer  # 弹出层传值  # layer父页面  # jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)  # Jquery+CSS3实现一款简洁大气带滑动效果的弹出层  # jQuery Dialog 弹出层对话框插件  # jQuery弹出层始终垂直居中相对于屏幕或当前窗口  # jquery实现居中弹出层代码  # JQuery弹出层示例可自定义  # jQuery+html5实现div弹出层并遮罩背景  # jQuery插件zoom实现图片全屏放大弹出层特效  # JQUERY THICKBOX弹出层插件  # jQuery Mobile弹出窗、弹出层知识汇总  # jQuery点缩略图弹出层显示大图片  # jquery+css3实现的经典弹出层效果示例  # 弹出  # 在此  # 小编  # 疑问请  # 如有  # 为您  # 给大家  # 所述  # 给我留言  # 感谢大家  # 输入框  # 有任何  # false  # shadeClose  # area  # true  # title  # type  # maxmin  # closeBtn 

相关文章： PHP正则匹配日期和时间(时间戳转换)的实例代码  微信小程序制作网站有哪些,微信小程序需要做网站吗？  网站制作模板下载什么软件,ppt模板免费下载网站？  ,怎么用自己头像做动态表情包？  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  如何注册花生壳免费域名并搭建个人网站？  如何在腾讯云服务器快速搭建个人网站？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  b2c电商网站制作流程,b2c水平综合的电商平台？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  如何快速生成专业多端适配建站电话？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  如何在Windows环境下新建FTP站点并设置权限？  ,巨量百应是干嘛的？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  重庆市网站制作公司,重庆招聘网站哪个好？  如何在IIS中新建站点并解决端口绑定冲突？  个人网站制作流程图片大全,个人网站如何注销？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  如何通过免费商城建站系统源码自定义网站主题与功能？  宁波免费建站如何选择可靠模板与平台？  如何设置并定期更换建站之星安全管理员密码？  中山网站推广排名,中山信息港登录入口？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  学校为何禁止电信移动建设网站？  如何通过PHP快速构建高效问答网站功能？  建站之星免费模板：自助建站系统与智能响应式一键生成  专业商城网站制作公司有哪些,pi商城官网是哪个？  如何通过远程VPS快速搭建个人网站？  如何通过IIS搭建网站并配置访问权限？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  教学论文网站制作软件有哪些,写论文用什么软件 ？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  如何选择CMS系统实现快速建站与SEO优化？  南宁网站建设制作定制,南宁网站建设可以定制吗？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  ,柠檬视频怎样兑换vip？  网站按钮制作软件,如何实现网页中按钮的自动点击？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  购物网站制作公司有哪些,哪个购物网站比较好？  盐城做公司网站,江苏电子版退休证办理流程？  如何快速搭建二级域名独立网站？  如何快速完成中国万网建站详细流程？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  北京建设网站制作公司,北京古代建筑博物馆预约官网？