<div class="codetitle"> <span><a style="CURSOR: pointer" data="20035" class="copybut" id="copybut20035" onclick="doCopy('code20035')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code20035"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br>< title> 활용 DOM은 드롭다운 목록 상자 <br><br></head> <br><br><body onload="setFun()"> <br>< ;select name="area" id="area"> <br><option value="0">지역 없음</option> /form> <br><script 언어="javascript"> <br>function setFun(){ <br>var id = new Array(1,2,3) <br>var value = new Array(" Guizhou", "Chongqing","Sichuan"); <br>var select = document.getElementById("area"); <br>select.length = 1;//한 개만 선택할 수 있습니다 <br>select.options[ 0]. selected = true; //기본적으로 선택되도록 설정 <br>for(var x = 0;x<id.length>var option = document.createElement("option" ); <br>option .setAttribute("value",id[x]);//옵션 속성 값 설정<br>option.appendChild(document.createTextNode(value[x])) <br>select.appendChild (옵션);//추가 옵션을 선택하려면 <br>} <br>} <br></script> <br></html></id.length> </div>