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 相关文章推荐
doctype后如何获得body.clientHeight的方法
Jul 11 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Jun 22 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
javascript单引号和双引号的区别和处理
May 14 Javascript
jquery得到iframe src属性值的方法
Sep 25 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
Sep 19 Javascript
angularjs中ng-attr的用法详解
Dec 31 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
JavaScript实现简单拖拽效果
Sep 15 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
PHP的autoload自动加载机制使用说明
2010/12/28 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
JS 建立对象的方法
2007/04/21 Javascript
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
高效率JavaScript编写技巧整理
2013/08/23 Javascript
js日期联动示例
2014/05/02 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
2017/08/20 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
jQueryUI Sortable 应用Demo(分享)
2017/09/07 jQuery
vue组件之Alert的实现代码
2017/10/17 Javascript
webpack配置之后端渲染详解
2017/10/26 Javascript
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
基于vue开发的在线付费课程应用过程
2018/01/25 Javascript
Javascript的console['']常用输入方法汇总
2018/04/26 Javascript
原生JavaScript实现remove()和recover()功能示例
2018/07/24 Javascript
小程序实现五星点评效果
2018/11/03 Javascript
angularjs自定义过滤器demo示例
2019/08/24 Javascript
[04:23]DOTA2上海特锦赛小组赛第一日 TOP10精彩集锦
2016/02/27 DOTA
玩转python爬虫之正则表达式
2016/02/17 Python
Python拼接字符串的7种方法总结
2018/11/01 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)
2020/06/14 Python
详解python tcp编程
2020/08/24 Python
pycharm实现猜数游戏
2020/12/07 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
HTML5 语音搜索(淘宝店语音搜素)
2013/01/03 HTML / CSS
电子商务毕业生求职信
2013/11/10 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
群众路线学习笔记范文
2014/11/06 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers