개발자 센터/JavaScript

자식창에서 opner 창 dom 컨트롤 하기

피곤키오 2010. 7. 9. 15:29
부모창
<select name="show_in" id="show_data">
	<option value="aaa">aaa</option>
</select>
<input onclick="open_show()" value="click" type="button"/>

<script type="text/javascript">
function open_show(url) {
	window.open("jasu_input_show.html", "win", "");
}
function test(data){		
	var objSelect = document.getElementById("show_data"); 
	var dataLength = data.length;
	for(var i=0; i<dataLength; i++) {
		var objOption = document.createElement("OPTION");
		objOption.appendChild(document.createTextNode(data[i].text)); //텍스트 노드를 생성해서 추가한다.
		objOption.value = data[i].value;       
		objSelect.appendChild(objOption);      //자식 노드를 추가한다.
	}
}
</script>
팝업창
<script type="text/javascript">
	var data = [ {text:"tt1", value:"tt1"}, {text:"tt2", value:"tt2"}];	//json 형태의 데이터
</script>
<input onclick="opener.test(data)" value="click" type="button">