layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例


Posted in Javascript onSeptember 22, 2017

父层:

jsp中:

//页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面

<input type="hidden" id="getValue" name="getValue" value="" />

js代码:

//设置function,当执行时,弹出子窗口并传递当前窗口名称

//弹出子窗口(选择商家)
 function choseMerchant() {

  //获取当前窗口名称
  var parentName= window.name;

  /*(由于用的ssm框架)URL对应的是controller方法,并向其传递当前窗口名称,打开的窗口显示页面即    
  为经过controller方法后返回的页面*/
  var url = root + "/adPosition/choseMerchant?parentName="+ parentName;

  laySum = parent.layer.open({
   //设置打开的子窗口效果
   type : 2,
   title : "选择商家",
   shadeClose : true,
   shade : 0.5,
   shift : 0,
   area : [ '40%', '863px' ],
   content : url,
   success: function(layero, index){ 
   }
  });
 }

子层:

jsp中:

//页面添加的隐藏输入框,存储的值是经过controller方法后返回的父窗口名称,用于区分,将id设置为mainIframeName

<input type="hidden" id="mainIframeName" name="mainIframeName" value="${parentName}">

js代码:

//设置function,当执行时,传值并关闭当前窗口

function setvalue() {

  //得到“mainIframeName”输入框中存储的值
  var mainIframeName = $("#mainIframeName").val();

  //判断是否为空或者是未定义
  if (mainIframeName != "" && mainIframeName != "undefined") 
  {
  //此处的ifrc和winc的意义可自行查阅
  var ifrc = window.parent.frames[mainIframeName];
  var winc = ifrc.window || ifrc.contentWindow;
  try {
   //设置父窗口隐藏输入框的值为hello world
   winc.document.getElementById("getValue").value = "hello world!";
   } catch (ex) {
    winc.location.reload();
   }
  }
   //关闭当前窗口
   var index = parent.layer.getFrameIndex(window.name);
   parent.layer.close(index);
 }

总结:此方法用于子层直接给父层元素赋值,从而达到传值的效果,关键点在于需要将父层窗口名称传递到子层中。

以上就是小编为大家带来的layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例的全部内容了,希望大家喜欢哦~

如果大家想了解更多游戏活动与游戏攻略,请持续关注本站,本站小编将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容,尽在3water游戏频道!

Javascript 相关文章推荐
javascript 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
JavaScript DOM基础
Apr 13 Javascript
jquery验证手机号是否正确实例讲解
Nov 17 Javascript
js实现四舍五入完全保留两位小数的方法
Aug 02 Javascript
JS实现动态给标签控件添加事件的方法示例
May 13 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
May 27 Javascript
详解AngularJS2 Http服务
Jun 26 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
JavaScript实现模态对话框实例
Jan 13 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
Nov 11 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
js表单序列化判断空值的实例
Sep 22 #Javascript
VUE中的无限循环代码解析
Sep 22 #Javascript
详解vue中引入stylus及报错解决方法
Sep 22 #Javascript
EL表达式截取字符串的函数说明
Sep 22 #Javascript
js中json对象和字符串的理解及相互转化操作实现方法
Sep 22 #Javascript
利用javascript如何随机生成一定位数的密码
Sep 22 #Javascript
ES6中新增的Object.assign()方法详解
Sep 22 #Javascript
You might like
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
js打开windows上的可执行文件示例
2014/05/27 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
2016/08/23 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
canvas轨迹回放功能实现
2017/12/20 Javascript
vue把输入框的内容添加到页面的实例讲解
2019/11/11 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
[03:38]2014DOTA2西雅图国际邀请赛 VG战队巡礼
2014/07/07 DOTA
Python描述器descriptor详解
2015/02/03 Python
Python中用于返回绝对值的abs()方法
2015/05/14 Python
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
Python自定义装饰器原理与用法实例分析
2018/07/16 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
python使用opencv实现马赛克效果示例
2019/09/28 Python
使用python 将图片复制到系统剪贴中
2019/12/13 Python
浅谈python opencv对图像颜色通道进行加减操作溢出
2020/06/03 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
美体小铺英国官网:The Body Shop英国
2017/01/24 全球购物
乌克兰移动电子产品和相关配件的在线商店:iTMag
2020/03/16 全球购物
毕业生找工作推荐信
2013/11/21 职场文书
承办会议欢迎词
2014/01/17 职场文书
师德师风演讲稿
2014/05/05 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
介绍信范文
2015/01/31 职场文书
保研导师推荐信
2015/03/25 职场文书
食品仓管员岗位职责
2015/04/01 职场文书
奖金申请报告模板
2015/05/15 职场文书
教师培训学习心得体会
2016/01/21 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
PyQt5结合QtDesigner实现文本框读写操作
2021/06/11 Python
Golang jwt身份认证
2022/04/20 Golang