> 웹 프론트엔드 > JS 튜토리얼 > 레이어 하위 레이어의 값을 상위 레이어 페이지 요소에 할당하는 예

레이어 하위 레이어의 값을 상위 레이어 페이지 요소에 할당하는 예

小云云
풀어 주다: 2018-02-03 13:05:59
원래의
2985명이 탐색했습니다.

이 문서에서는 주로 레이어 하위 레이어가 상위 레이어 페이지 요소에 값을 할당하여 값을 상위 레이어 페이지로 전송하는 효과를 얻는 방법에 대한 예를 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

상위 레이어:

jsp:

//하위 레이어의 값을 설정하는 데 사용할 숨겨진 입력 상자를 페이지에 추가하여 하위 레이어의 데이터를 이 페이지에 전달합니다

<input type="hidden" id="getValue" name="getValue" value="" />
로그인 후 복사

js 코드 :

/ /설정 함수 실행 시 하위 창 팝업 및 현재 창 이름 전달

//弹出子窗口(选择商家)
 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:

//페이지에 추가된 숨겨진 입력 상자, 저장된 값은 컨트롤러 메서드 이름 뒤에 반환된 부모 창, 구별하는 데 사용, ID를 mainIframeName

<input type="hidden" id="mainIframeName" name="mainIframeName" value="${parentName}">
로그인 후 복사

js 코드로 설정:

//설정 함수, 실행 시 값을 전달하고 현재 창을 닫습니다

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);
 }
로그인 후 복사

요약: 이 메서드는 하위 레이어에 사용되어 상위 레이어 요소 할당을 직접 제공하여 값 전송 효과를 얻으려면 상위 레이어 창의 이름을 하위 레이어에 전달해야 한다는 것이 핵심입니다.

위 내용은 상위 레이어 페이지에 값을 전송하는 효과를 얻기 위해 편집자가 가져온 레이어 하위 레이어가 상위 레이어 페이지 요소에 값을 할당하는 예제의 전체 내용입니다. 마음에 드셨으면 좋겠습니다~

관련 추천:

jQuery는 json 객체를 기반으로 양식 요소에 자동으로 값을 할당합니다

위 내용은 레이어 하위 레이어의 값을 상위 레이어 페이지 요소에 할당하는 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿