首頁 > web前端 > js教程 > layer子層為父層頁面元素賦值實例講解

layer子層為父層頁面元素賦值實例講解

小云云
發布: 2018-02-03 13:05:59
原創
3007 人瀏覽過

本文主要為大家帶來一篇layer子層給父層頁面元素賦值,以達到向父層頁面傳值的效果實例。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。

父層:

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子層給父層頁面元素賦值,以達到向父層頁面傳值的效果實例的全部內容了,希望大家喜歡哦~

相關推薦:

jQuery基於json物件自動給表單元素賦值

以上是layer子層為父層頁面元素賦值實例講解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板