본문 바로가기
Web

[Web] jquery 부모창 과 자식창 데이터 전송

by Real Iron 2019. 2. 27.

jQuery 자식 팝업 창에서 부모창 컨트롤

1$(opener.document).find("#Form").attr("action","index.do").submit();

자식창 -> 부모창으로 값 전달하기

1-opener.document.getElementById("id").value="value"//dom 객체로 제어
2$("#id",opener.document).val("value"); // jQuery 방식 1
3$("input[name=imgFile]", parent.document.body).val() // 방식 2
4$(opener.document).find("#id").val("value"); //방식 3
5 
6- opener.location.href="javascript:fun();"//일반적인 방법
7$(opener.location).attr("href","javascript:fun();"); //jQuery 이용



출처: https://jp1020.tistory.com/entry/jQuery에서-팝업-부모opener-객체-컨트롤 [메모하는 습관]





자식창이 부모창으로 값 전달하기
<script>
// p_id : 부모창의 id 값
// c_val : 부모창에 전달 하려는 값

opener.document.getElementById("p_id").value = "c_val"; //일반적인 방법

$("#p_id", opener.document).val("c_val"); //jquery 이용
$(opener.document).find("#p_id").val("c_val"); //find를 이용한 jquery
</script>

자식창에서 부모창의 함수 호출, 실행 하기
<script>
// p_fun() : 부모창의 함수

opener.location.href="javascript:p_fun();"; // 일반적인 방법

$(opener.location).attr("href", "javascript:p_fun();"); //jquery 이용
</script>