Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" />
<title> Gunakan DOM untuk menghasilkan kotak daftar drop-down </iteme>
</head>
<body onload = "setFun ()">
<sorm>
<Pilih Nama = "Area" id = "Area">
<Option value = "0"> No Region </pection>
</pilih>
</form>
<bahasa skrip = "javascript">
fungsi setFun () {
var id = array baru (1,2,3);
var value = array baru ("guizhou", "chongqing", "sichuan");
var select = document.geteLementById ("area");
pilih.length = 1; // atur hanya satu pilihan
SELECT.Options [0] .DELECTED = true; // Set yang pertama dipilih secara default
untuk (var x = 0; x <id.length; x ++) {
var option = document.createElement ("option");
option.setAttribute ("value", id [x]); // atur nilai atribut opsi
option.appendChild (document.createTextNode (value [x]));
SELECT.AppendChild (opsi); // Tambahkan opsi untuk memilih
}
}
</script>
</body>
</html>