<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 Transitional//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" /> <br>< title> DOM はドロップダウン リスト ボックスを生成します <br><br><body onload="setFun()"> <br><select name="area" id="area"> <br><option value="0">地域なし</option> <br></select> /form> <br><script language="javascript"> <br>function setFun(){ <br>var id = new Array(1,2,3);貴州", "重慶","四川"); <br>var select = document.getElementById("area"); <br>select.length = 1;//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])); (option);//追加オプションを選択するには <br>} <br>} <br></script> <br></html></id.length> </div>