La copie de code est la suivante:
<! 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">
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312" />
<Title> Utilisez DOM pour générer une boîte de liste déroulante </TITAL>
</ head>
<body onload = "setFun ()">
<Formulaire
<select name = "Area" id = "Area">
<Option Value = "0"> pas de région </ Option>
</lect>
</ form>
<script linguisse = "javascript">
fonction setfun () {
var id = nouveau tableau (1,2,3);
var valeur = nouveau tableau ("Guizhou", "Chongqing", "Sichuan");
var select = document.getElementById ("zone");
select.length = 1; // définir une seule sélection
select.options [0] .selected = true; // définir le premier est sélectionné par défaut
pour (var x = 0; x <id.length; x ++) {
var option = document.CreateElement ("Option");
option.setAttribute ("valeur", id [x]); // définir la valeur d'attribut d'option
option.APPEndChild (document.CreateTextNode (valeur [x]));
select.appendChild (option); // Ajouter une option pour sélectionner
}
}
</cript>
</docy>
</html>