省レベルリンクメニュー、静的HTML

13757 ワード

<html>
 <head>
  <title>    </title>
 </head>
 <body>
 <script language="javascript">
 /*
          
 */
 var provinces={
     :["   ",
                "   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "         ",
                "       ",
                "       "],
     :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["     ",
                "   ",
                "   ",
                "   ",
                "   ",
                "     ",
                "     ",
                "     ",
                "     ",
                "   ",
                "     ",
                "    "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "    "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "        "],
          :["    ",
                "     ",
                "   ",
                "   ",
                "    ",
                "   ",
                "   ",
                "    ",
                "    ",
                "    ",
                "   ",
                "   ",
                "      "],
            :["  "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "   ",
                "   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "    "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "          "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "          "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "   "],
           :["  "],
           :["   ",
                "    ",
                "   ",
                "   ",
                "    ",
                "           ",
                "    ",
                "          ",
                "          "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "       ",
                "          ",
                "         ",
                "         ",
                "       ",
                "          ",
                "        ",
                "       "],
         :["   ",
                "    ",
                "    ",
                "     ",
                "    ",
                "    ",
                "    "],
           :["   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   "],
           :["   ",
                "    ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "   ",
                "       ",
                "       "],
          :["   ",
                "    ",
                "       ",
                "       ",
                "       ",
                "       ",
                "       ",
                "          "],
         :["   ",
                "    ",
                "   ",
                "   ",
                "   "],
         :["     ",
                "     ",
                "     ",
                "    ",
                "       ",
                "         ",
                "         ",
                "     ",
                "           ",
                "    ",
                "    ",
                "        ",
                "    ",
                "     "],
           :["   "],
          :["  "],
          :["  "]};
 //   
 function loadProvince()
 { 
  //            
  var pro=document.getElementById("province");
  //          
  for(var p in provinces)
  {
   //  option  
   var opt=document.createElement("option");
   //  option      
   opt.innerText=p;
   opt.value=p;
   // option     select   (option select    )
   pro.appendChild(opt);
  }
 }
 //   
 function loadCity()
 {
  //       
  var selectProvince=document.getElementById("province").value;
  //      (citys     )
  var citys=provinces[selectProvince];
  //            
  var city=document.getElementById("city");
  //              
  city.innerText="";
  
  var opt=document.createElement("option");
  opt.innerText="--     --";
  opt.value="0";
  city.appendChild(opt);
  for(var index=0;index<citys.length;index++)
  {
   opt=document.createElement("option");
   opt.innerText=citys[index];
   opt.value=citys[index];
   city.appendChild(opt);
  }
 }
 //            
 window.onload=loadProvince;
 </script>
 <select id="province" onchange="loadCity();">
  <option value="0">--     --</option>
 </select>
 <select id="city">
  <option value="0">--     --</option>
 </select>
 </body>
</html>