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 

相关文章： C++中引用和指针有什么区别？（代码说明）  建站之星伪静态规则如何设置？  如何选择适配移动端的WAP自助建站平台？  做企业网站制作流程,企业网站制作基本流程有哪些？  活动邀请函制作网站有哪些,活动邀请函文案？  如何获取PHP WAP自助建站系统源码？  建站之星如何保障用户数据免受黑客入侵？  ,制作一个手机app网站要多少钱？  小型网站制作HTML,*游戏网站怎么搭建？  如何用VPS主机快速搭建个人网站？  建站上市公司网站建设方案与SEO优化服务定制指南  如何在IIS中新建站点并配置端口与IP地址？  C#如何使用XPathNavigator高效查询XML  昆明网站制作哪家好,昆明公租房申请网上登录入口？  如何通过云梦建站系统实现SEO快速优化？  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  北京网站制作网页,网站升级改版需要多久？  网站制作话术技巧,网站推广做的好怎么话术？  高防服务器如何保障网站安全无虞？  建站主机选虚拟主机还是云服务器更好？  建站之星Pro快速搭建教程：模板选择与功能配置指南  广东专业制作网站有哪些,广东省能源集团有限公司官网？  seo网站制作优化,网站SEO优化步骤有哪些？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  c# 服务器GC和工作站GC的区别和设置  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  如何快速辨别茅台真假？关键步骤解析  如何快速搭建高效简练网站？  音乐网站服务器如何优化API响应速度？  建站之星代理费用多少？最新价格详情介绍  建站主机服务器选购指南：轻量应用与VPS配置解析  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  h5网站制作工具有哪些,h5页面制作工具有哪些？  已有域名和空间如何快速搭建网站？  广德云建站网站建设方案与建站流程优化指南  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  如何通过.red域名打造高辨识度品牌网站？  建站VPS推荐：2025年高性能服务器配置指南  网站按钮制作软件,如何实现网页中按钮的自动点击？  如何选购建站域名与空间？自助平台全解析  海南网站制作公司有哪些,海口网是哪家的？  如何快速打造个性化非模板自助建站？  如何破解联通资金短缺导致的基站建设难题？  如何在宝塔面板中修改默认建站目录？  重庆市网站制作公司,重庆招聘网站哪个好？  建站之星云端配置指南：模板选择与SEO优化一键生成  定制建站是什么？如何实现个性化需求？  制作网页的网站有哪些,电脑上怎么做网页？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？