[Javascript] 자식창에서 얻은 값 부모창에 전달하기

출처: https://multifrontgarden.tistory.com/5 [우리집앞마당]

자식창에서 얻은 값 부모창에 전달하기

window.open() 함수로 띄운 팝업 창에서 부모창의 변수나 함수를 사용하기 위해선 opener를 사용하면 된다.

opener는 부모를 지칭하는 객체(?)이고 opener.을 이용해서 부모의 함수에 접근가능.

 

아래의 예제는 자식창에서 무언가 값을 클릭할 순간 sendChildValue() 함수가 작동되는 코드이다.

 

-자식창에서 얻은값 부모창에 입력하기

부모창함수

function setChildValue(name){

      document.getElementById("값 넣을곳 id").value = name;

}

자식창함수

function sendChildValue(name){

opener.setChildValue(name);

window.close();

}

 

넣을값구하기(자식창)

<td><a href="javascript:sendChildValue('${users.name}, ')">${users.name}</a></td>

출처: https://multifrontgarden.tistory.com/5 [우리집앞마당]