[JQuery] 팝업창에서 데이터 받아오기

$(opener.document).find('OO');

현재 페이지에서 데이터를 입력받아 처리하기에는 현재 페이지가 좁다거나 등의 경우가 있을 수 있다. 이러한 경우 팝업창을 열어 거기서 데이터를 전달받아서 처리하도록 하는 방법도 있다.

자주 접하는 예로는 인터넷에서 주소지를 입력받을 때 보통 팝업창을 열고 'OO동' 검색 후 주소지를 선택하는 경우가 있다.

1. 팝업 페이지 열기

window.open('팝업페이지 경로','창이름','길이, 높이 등 속성');

 - 사용 예시

 => id가 searchBtn인 버튼이 클릭되면 '/Views/popTest.aspx' 페이지를 window라는 이름의 길이 400, 높이 400 인 팝업창으로 띄워라.

2. 팝업 페이지에서 부모 창(window.open()이 호출된 창)에 접근

$(opener.document).find('OO');

 - OO에 항상 jquery 접근하듯 #id 또는 .classname 등으로 접근

 - 사용 예시

 => popBtn이라는 클래스를 갖는 애들이 클릭되면 부모창의 id가 tBox라는 애의 value에 클릭된 애의 value를 넣어라.

3. 팝업 창 닫기

window.close();