<div class="codetitle"> <span><a style="CURSOR: pointer" data="78911" class="copybut" id="copybut78911" onclick="doCopy('code78911')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code78911"> <br><!DOCTYPE HTML PUBLIC "-//W3C/ /DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <br><html> <br><head> <br><title> ;json< /title> <br><script type="text/javascript"> <br><!-- <BR>var list=[{"name":"中国", <BR>" ":" 86", <BR>"省":[{"名前":"湖北省", <BR>"値":"430000", <BR>"都市":[{"名前":"武漢" ,"値 ":"wh"}, <BR>{"名前":"黄崗","値":"hg"}, <BR>{"名前":"襄陽","値":"xy" }]} , <BR>{"名前":"河北", <BR>"値":"100000", <BR>"都市":[{"名前":"邯鄲","値":"hd "}, <BR>{"名前":"保定","値":"bd"}, <BR>{"名前":"石家荘","値":"sjz"}]}, <br> <br> {"名前":"湖南", <BR>"値":"440000", <BR>"都市":[{"名前":"長沙","値":"cs"}, <BR>{ "名前":"株州","値":"zz"}, <BR>{"名前":"衡陽","値":"ヒ"}]}]}, <BR>{"名前": "アメリカ合衆国", <BR>"値":"22", <BR>"州":[{"名前":"アーカンソー", <BR>"値":"990000", <BR> "都市": [{"名前":"ニューヨーク","値":"ニューヨーク"}, <BR>{"名前":"ワシントン","値":"hsd"}, <BR>{"名前":"ボストン ","値":"bsd"}]}, <br><br>{"名前":"あはは", <BR>"値":"980000", <BR>"都市" :[{" 名前":"AA","値":"ahd"}, <BR>{"名前":"BB","値":"abd"}, <BR>{"名前":" CC"," value":"asjz"}]}] <br><br>}]; <br><br>function init(){ <BR>var _country=document.getElementById("country"); <BR>for( var e in list){ <BR>var opt_1=new Option(list[e].name,list[e].value); <BR>_country.add(opt_1); >} <BR><BR><br><br>関数 toProvince(){ <br>var _country=document.getElementById("country"); <br>var _province=document.getElementById("province"); 🎜>var _city =document.getElementById("city"); <BR>var v_country=_country.value <BR><BR>_city.options.length=1; 🎜><BR>for(var e in list){ <br>if(list[e].value==v_country){ <br>for(var p in list[e].province){ <BR>var opt_2 =new オプション( list[e].province[p].name,list[e].province[p].value); <br><br>} <BR>break ; <BR> } <BR>} <BR>} <br><br><BR>関数 toCity(){ <BR>var _country=document.getElementById("country"); getElementById("province "); <BR>var _city=document.getElementById("city"); <BR>var v_province=_province.value; >//_province .options.length=1; <br><br><BR>for(リスト内の変数){ <BR>if(list[e].value ==v_country) { <BR>for( var p in list[e].province){ <BR>//alert(list[e].province[p].value); .province[p ].value==v_province){ <br>//alert(list[e].province[p].value); <br>for(var cc in list[e].province[p]. city){ <BR>var opt_3=new Option(list[e].province[p].city[cc].name,list[e].province[p].city[cc].value); _city.add(opt_3); <br><br>return; <BR><br><br>} <BR><BR>} <BR>} <BR><BR>//-> <BR></script> <br><br><body onload="init();";> ><select id="country" onchange="toProvince();"> <br><option value="-1">--国を選択してください---</option> </select> <br><select id="province" onchange="toCity();"> <br><option value="-1"> -- 都道府県を選択してください ---< ;/option> <br></select> <br><select id="city"> <br><option value="-1"> -- 都市を選択してください/オプション> <br> </select> <br><br></html></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
