全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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优化一键生成  定制建站是什么?如何实现个性化需求?  制作网页的网站有哪些,电脑上怎么做网页?  潍坊网站制作公司有哪些,潍坊哪家招聘网站好? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。