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

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

发布时间 - 2026-01-11 03:22:46 点击率：次

父层：

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

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

# layer父层页面传值 # layer弹出子iframe层父子页面传值的实现方法 # 通过layer实现可输入的模态框的例子 # 使用layer模态框给新页面传值的方法 # 输入框 # 弹出 # 小编 # 的是 # 将在 # 想了 # 或者是 # 尽在 # 希望大家 # 时间为 # 到此 # 设置为 # 值为 # 框中 # 游戏攻略 # 而将 # 向其 # 为空 # 游戏频道 # 游戏资讯

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：如何防止 HTML number 输入框中输入无效数字（如

下一篇：linux服务器需要备案吗

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：如何防止 HTML number 输入框中输入无效数字（如