layer子层给父层页面元素赋值实例讲解

本文主要为大家带来一篇layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

父层:

jsp中:

//页面上添加一个隐藏的输入框待用于被子层设置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


登录后复制

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子层给父层页面元素赋值,以达到向父层页面传值的效果实例的全部内容了,希望大家喜欢哦~

相关推荐:

jQuery基于json对象自动给表单元素赋值

以上就是layer子层给父层页面元素赋值实例讲解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2787659.html

(0)
上一篇 2025年3月8日 18:12:11
下一篇 2025年3月8日 18:12:26

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS删除数组里的某个元素实例代码

    本文主要为大家分享一篇js删除数组里的某个元素方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。 删除数组指定的某个元素 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,…

    编程技术 2025年3月8日
    200
  • jquery实现一键复制到剪切板的代码分享

    今天做项目有一个功能,通过点击事件复制一段文本到剪切板,在网上找了一些,整理了一下,方便需要的朋友使用。本文主要为大家带来一篇jquery 一键复制到剪切板的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧…

    编程技术 2025年3月8日
    200
  • 详解ECMAScript6变量的解构赋值

    es6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(destructuring),本文主要和大家分享嵌套数组的解构例子,大家一起看看吧var [a, b, c] = [1, 2, 3]; 这种写法属于“模式匹配”,只…

    编程技术 2025年3月8日
    200
  • javaScript动态添加Li元素

    本文主要为大家分享一篇javascript动态添加li元素的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。 html代码块 **javaScript动态添加Li元素** ul li{list-sty…

    编程技术 2025年3月8日
    200
  • angularjs数组判断某个元素实例代码

    本文主要和大家分享angularjs数组判断是否含有某个元素的实例,也就是in_array函数,判断数组中是否含有某个元素。 Array.prototype.in_array = function(e) { for(i=0;i<thi…

    编程技术 2025年3月8日
    200
  • ionic应用里文字不能长按复制、粘贴怎么办

     这次给大家带来ionic应用里文字不能长按复制、粘贴怎么办,解决ionic应用里文字不能长按复制、粘贴的注意事项有哪些,下面就是实战案例,一起来看一下。 项目临近上线,遇到了奇葩问题,ionic中的文字是无法像普通wap页面一样复制粘贴的…

    编程技术 2025年3月8日
    200
  • 怎样使用伪元素first-letter让文字首字母大写

    这次给大家带来怎样使用伪元素first-letter让文字首字母大写,使用伪元素first-letter让文字首字母大写的注意事项有哪些,下面就是实战案例,一起来看一下。 nbsp;HTML PUBLIC “-//W3C//DTD HTML…

    编程技术 2025年3月8日
    200
  • ES6的解构赋值详解

    这次给大家带来es6的解构赋值详解,使用es6的解构赋值注意事项有哪些,下面就是实战案例,一起来看一下。  @1数组的解构赋值; let [a,b,c]=[1,2,3];console.log(a,b,c)            //1 2…

    编程技术 2025年3月8日
    200
  • ES6对象的赋值与Symbol

    这次给大家带来es6对象的赋值与symbol,使用es6对象的赋值与symbol的注意事项有哪些,下面就是实战案例,一起来看一下。  对象的赋值合并: //es6语法允许变量直接为对象的赋值,快捷方便;let liu=”呵呵哒”;let l…

    编程技术 2025年3月8日
    200
  • js如何删除数组里的某个元素

    js如何删除数组里的某个元素,本文主要和大家分享js删除数组里的某个元素的方法实例。 首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = functi…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论