본문 바로가기
연구_고민/웹

셀렉트박스 동적 컨트롤

by DevG 2007. 8. 23.
<!--StartFragment-->동적으로 셀렉트박스에 Option 항목을 추가할 일이 자주 발생한다.
그럴때에는 new Option();을 이용하면 되는데..
다음과 같이 사용한다.

function AddSelectBox(txt,vlu){
var Obj = document.forms['F'].selBox.options; //전통적인 형식
또는
var Obj = document.getElementsByName('selBox')[0].options; //DOM형식
Obj[Obj.length] = new Option(txt,vlu);
}

AddSelectBox('보여줄 글','값');

꼭 한가지 주의할 점은..
팝업창에서 부모창의 셀렉트박스를 컨트롤 하려고 하면 예외오류가 발생한다는 점이다.
그럴때에는 반드시 부모창에 함수를 만들어 놓고 팝업에서는 그 함수를 호출해야 한다.

//팝업창에서 컨트롤 할때의 예제.
<script>opener.AddSelectBox('보여줄 글','값');</script>