香港地名js二级联动菜单

Javascript部份,

  1. <script type="text/javascript">  
  2. function hongkong(hk){  
  3. var area = document.getElementById("area");  
  4. var hongkong = {  
  5.   '香港':['堅尼地城','西營盤','中上環','西半山','中半山','灣仔','銅鑼灣','東半山','跑馬地','大坑','渣甸山','天后','炮台山','北角','北角半山/寶馬山','鰂魚涌','太古城/康怡','西灣河','筲箕灣','杏花邨','柴灣','小西灣','薄扶林','香港仔','鴨脷洲','壽臣山','淺水灣','舂磡角','赤柱','大潭','紅山半島','石澳','山頂'],  
  6.   '九龍':['荔枝角','美孚','長沙灣','深水埗','大角咀','奧運站','九龍站','石硤尾','又一村','畢架山','九龍塘','何文田','太子','旺角','佐敦','油麻地','尖沙咀','紅磡','黃埔','土瓜灣','九龍城','黃大仙','橫頭磡','樂富','新蒲崗','鑽石山','慈雲山','牛池灣','九龍灣','牛頭角','觀塘','藍田','油塘'],  
  7.   '新界':['葵涌','大窩口','荃灣','深井','青衣','黃金海岸','屯門','元朗','天水圍','錦繡/加州','上水','沙頭角','粉嶺','大埔','火炭','沙田','大圍','馬鞍山','西貢','清水灣','將軍澳'],  
  8.   '離島':['東涌','愉景灣','大澳','南大嶼山','馬灣','長洲','南丫島','坪洲']  
  9.   };  
  10.   area.innerHTML = null;  
  11.   area.add(new Option('任何',''));  
  12.   for(var i in hongkong[hk]){  
  13.     area.add(new Option(hongkong[hk][i],hongkong[hk][i]));  
  14.   }  
  15. }  
  16. </script>  

HTML部份

  1. <select name="region" class="select" onChange="hongkong(this.value)"/>  
  2.     <option value="">任何</option>  
  3.     <option value="香港">香港</option>  
  4.     <option value="九龍">九龍</option>  
  5.     <option value="新界">新界</option>  
  6.     <option value="離島">離島</option>  
  7. </select>  
  8. <select id="area" name="area" class="select">  
  9.     <option value="0">任何</option>  
  10. </select>  

Continue reading...



about me

  • 陶之11's Blog Name:陶之11 OICQ:14779023 Site:Pao11.com

分类

快捷入口