코드 사본은 다음과 같습니다.
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = gb2312" />
<title> DOM을 사용하여 드롭 다운 목록 상자 </title>을 생성하십시오
</head>
<body onload = "setfun ()">
<양식>
<name = "area"id = "area">를 선택하십시오
<옵션 값 = "0"> 영역 없음 </옵션>
</선택>
</form>
<script language = "javaScript">
함수 setfun () {
var id = 새로운 배열 (1,2,3);
var value = new Array ( "Guizhou", "Chongqing", "Sichuan");
var select = document.getElementById ( "영역");
select.length = 1; // 하나의 선택 만 설정하십시오
select.options [0] .selected = true; // 첫 번째 설정은 기본적으로 선택됩니다.
for (var x = 0; x <id.length; x ++) {
var 옵션 = document.createelement ( "옵션");
옵션 .setattribute ( "value", id [x]); // 옵션 속성 값을 설정합니다
옵션 .appendChild (document.createtextNode (value [x]));
select.appendChild (옵션); // 선택할 옵션을 추가하십시오
}
}
</스크립트>
</body>
</html>