JavaScript and provincial cascading menus

<script language= "JavaScript" >
function setcity () {
Switch (document.reg.huji.value) {
Case ' Beijing ':
var labels = new Array ("Beijing");
var values = new Array ("Beijing");
Break
Case ' Tianjin ':
var labels = new Array ("Tianjin");
var values = new Array ("Tianjin");
Break
Case ' Shanghai ':
var labels = new Array ("Shanghai City");
var values = new Array ("Shanghai City");
Break
Case ' Chongqing ':
var labels = new Array ("Chongqing city");
var values = new Array ("Chongqing city");
Break
Case ' Hunan ':
var labels = new Array ("Changsha", "Xiangtan", "Yueyang", "Zhuzhou", "" Zhangjiajie "," Hengyang "," Chenzhou "," Xiangxiang "," Miluo "," Changde "," Jinshi "," Jishou "," Loudi "," Lianyuan "," Lengshuijiang "," Huaihua "," Hongjiang "," Yiyang " , "Leiyang", "Shaoyang", "Yongzhou", "Lengshuitan", "other");
var values = new Array ("Changsha", "Xiangtan", "Yueyang", "Zhuzhou", "" Zhangjiajie "," Hengyang "," Chenzhou "," Xiangxiang "," Miluo "," Changde "," Jinshi "," Jishou "," Loudi "," Lianyuan "," Lengshuijiang "," Huaihua "," Hongjiang "," Yiyang " , "Leiyang", "Shaoyang", "Yongzhou", "Lengshuitan", "other");
Break
Case ' Jiangsu ':
var labels = new Array ("Nanjing", "Suzhou", "Wuxi", "Yangzhou", "" Changzhou "," Zhenjiang "," Nantong "," Jiangyin "," Lianyungang "," Xuzhou "," Huaiyin "," Suqian "," Dongtai "," Taizhou "," Yizheng "," Danyang "," Yixing "," Changshu ", "Huai", "Yancheng", "Xinghua", "Jiangyan", "other");
var values = new Array ("Nanjing", "Suzhou", "Wuxi", "Yangzhou", "" Changzhou "," Zhenjiang "," Nantong "," Jiangyin "," Lianyungang "," Xuzhou "," Huaiyin "," Suqian "," Dongtai "," Taizhou "," Yizheng "," Danyang "," Yixing "," Changshu ", "Huai", "Yancheng", "Xinghua", "Jiangyan", "other");
Break
Case ' Zhejiang ':
var labels = new Array ("Hangzhou", "Ningbo", "Wenzhou", "Jinhua", "Yiwu", "Shaoxing", "Huzhou", "Yuyao", "Linhai", "Xiaoshan", "Lin ' an", "Zhuji", "Shengsi", "Shaoxing County", "Lanxi County", "Jiaxing", "Haining", "Tongxiang" , "Quzhou", "Shangyu", "Shengzhou", "Cixi", "Lishui", "Ouhai", "Huangyan", "Jiaojiang", "Taizhou", "other");
var values = new Array ("Hangzhou", "Ningbo", "Wenzhou", "Jinhua", "Yiwu", "Shaoxing", "Huzhou", "Yuyao", "Linhai", "Xiaoshan", "Lin ' an", "Zhuji", "Shengsi", "Shaoxing County", "Lanxi County", "Jiaxing", "Haining", "Tongxiang" , "Quzhou", "Shangyu", "Shengzhou", "Cixi", "Lishui", "Ouhai", "Huangyan", "Jiaojiang", "Taizhou", "other");
Break
Case ' Fujian ':
var labels = new Array ("Fuzhou", "Xiamen", "Quanzhou", "Zhangzhou", "Shishi", "sanming", "Nanping", "Putian", "Yongan", "Shaowu", "Longyan", "other");
var values = new Array ("Fuzhou", "Xiamen", "Quanzhou", "Zhangzhou", "Shishi", "sanming", "Nanping", "Putian", "Yongan", "Shaowu", "Longyan", "other");
Break
Case ' Guangdong ':
var labels = new Array ("Guangzhou", "Shenzhen", "Dongguan", "Zhongshan", "Foshan," Zhuhai "," Huizhou "," Shantou "," Zhanjiang "," Chaozhou "," Chaoyang "," Jiangmen "," Shanwei "," Maoming "," Yangjiang "," Zhaoqing "," Meizhou "," Yunfu "," Qingyuan "," Shaoguan "," Heyuan "," Jieyang "," other ");
var values = new Array ("Guangzhou", "Shenzhen", "Dongguan", "Zhongshan", "Foshan," Zhuhai "," Huizhou "," Shantou "," Zhanjiang "," Chaozhou "," Chaoyang "," Jiangmen "," Shanwei "," Maoming "," Yangjiang "," Zhaoqing "," Meizhou "," Yunfu "," Qingyuan "," Shaoguan "," Heyuan "," Jieyang "," other ");
Break
Case ' Hubei ':
var labels = new Array ("Wuhan", "Yichang", "Xiaogan", "Jingzhou", "Xiangfan", "Laohekou", "Zhicheng", "Zaoyang", "Jingmen", "Yicheng", "Huangshi", "Ezhou", "Huanggang", "Xianning", "Wuxue", "Bushing", "Macheng", "Shiyan", "Enshi", "Danjiangkou", "Lichuan", "Tianmen", "Hanchuan", "Honghu Lake", "Yingcheng", "Qianjiang", "Anlu", "Xiantao", "Suizhou", "Shishou", "other");
var values = new Array ("Wuhan", "Yichang", "Xiaogan", "Jingzhou", "Xiangfan", "Laohekou", "Zhicheng", "Zaoyang", "Jingmen", "Yicheng", "Huangshi", "Ezhou", "Huanggang", "Xianning", "Wuxue", "Bushing", "Macheng", "Shiyan", "Enshi", "Danjiangkou", "Lichuan", "Tianmen", "Hanchuan", "Honghu Lake", "Yingcheng", "Qianjiang", "Anlu", "Xiantao", "Suizhou", "Shishou", "other");
Break
Case ' Shandong ':
var labels = new Array ("Jinan", "Qingdao", "Yantai", "Zibo", "Weifang," Linyi "," Laiwu "," Jining "," Heze "," Rizhao "," Rattan state "," Liaocheng "," Dezhou "," Binzhou "," Linqing "," Qingzhou "," Weihai "," Taian "," Xintai "," Qufu "," dongying "," Zhucheng "," Zaozhuang "," other ");
var values = new Array ("Jinan", "Qingdao", "Yantai", "Zibo", "Weifang," Linyi "," Laiwu "," Jining "," Heze "," Rizhao "," Rattan state "," Liaocheng "," Dezhou "," Binzhou "," Linqing "," Qingzhou "," Weihai "," Taian "," Xintai "," Qufu "," dongying "," Zhucheng "," Zaozhuang "," other ");
Break
Case ' Liaoning ':
var labels = new Array ("Shenyang", "Tieling", "Fushun", "Dalian", "Benxi", "Yingkou", "Jinzhou", "Xingcheng", "Beipiao", "Panjin", "Liaoyang", "FA", "Anshan", "Wafangdian", "Dandong", "Jinxi", "Chaoyang", "Fuxin", "Haicheng", "other");
var values = new Array ("Shenyang", "Tieling", "Fushun", "Dalian", "Benxi", "Yingkou", "Jinzhou", "Xingcheng", "Beipiao", "Panjin", "Liaoyang", "FA", "Anshan", "Wafangdian", "Dandong", "Jinxi", "Chaoyang", "Fuxin", "Haicheng", "other");
Break
Case ' Jilin ':
var labels = new Array ("Changchun", "Jilin", "Tonghua", "Fuyu", "Huadian", "Yanji", "Map Gate", "Longjing", "Dunhua", "Ji ' an", "Hunjiang", "Meihekou", "Siping", "gongzhuling", "Liaoyuan", "Baicheng", "Zhaonan", "Jiutai" , "other");
var values = new Array ("Changchun", "Jilin", "Tonghua", "Fuyu", "Huadian", "Yanji", "Map Gate", "Longjing", "Dunhua", "Ji ' an", "Hunjiang", "Meihekou", "Siping", "gongzhuling", "Liaoyuan", "Baicheng", "Zhaonan", "Jiutai" , "other");
Break
Case ' Yunnan ':
var labels = new Array ("Kunming", "Qujing", "Dali", "Yuxi", "Lijiang", "Chuxiong", "Kaiyuan", "Di Qing", "Dongchuan", "Zhaotong", "Gejiu", "Baoshan", "Wenshan", "other");
var values = new Array ("Kunming", "Qujing", "Dali", "Yuxi", "Lijiang", "Chuxiong", "Kaiyuan", "Di Qing", "Dongchuan", "Zhaotong", "Gejiu", "Baoshan", "Wenshan", "other");
Break
Case ' Sichuan ':
var labels = new Array ("Chengdu", "Yibin", "Luzhou", "Neijiang," Panzhihua "," Xichang "," Deyang "," Yaan "," Suining "," Nanchong "," Mianyang "," Guangyuan "," Maerkang "," Da Da "," Hua Jian "," Zigong "," Leshan "," other " );
var values = new Array ("Chengdu", "Yibin", "Luzhou", "Neijiang," Panzhihua "," Xichang "," Deyang "," Yaan "," Suining "," Nanchong "," Mianyang "," Guangyuan "," Maerkang "," Da Da "," Hua Jian "," Zigong "," Leshan "," other " );
Break
Case ' Anhui ':
var labels = new Array ("Hefei", "Wuhu", "Ma On Shan", "Bengbu", "Tongling", "Huaibei", "Huainan", "Bozhou", "Chaohu", "Huangshan", "Xian", "Suzhou", "Fuyang", "Liu'an", "Chuzhou", "Xuanzhou", "Huangshan", "Anqing", "Other");
var values = new Array ("Hefei", "Wuhu", "Ma On Shan", "Bengbu", "Tongling", "Huaibei", "Huainan", "Bozhou", "Chaohu", "Huangshan", "Xian", "Suzhou", "Fuyang", "Liu'an", "Chuzhou", "Xuanzhou", "Huangshan", "Anqing", "Other");
Break
Case ' Jiangxi ':
var labels = new Array ("Nanchang", "Jingdezhen," Jiujiang "," Yingtan "," Yichun "," Xinyu "," Pingxiang "," Ganzhou "," Ji "," Jinggangshan "," Fuzhou "," Linchuan "," Shangrao "," other ");
var values = new Array ("Nanchang", "Jingdezhen," Jiujiang "," Yingtan "," Yichun "," Xinyu "," Pingxiang "," Ganzhou "," Ji "," Jinggangshan "," Fuzhou "," Linchuan "," Shangrao "," other ");
Break
Case ' Heilongjiang ':
var labels = new Array ("Harbin", "Jiamusi", "Mudanjiang", "Daqing", "Qiqihar", "Ah Cheng", "Zhaodong", "Suihua", "Yichun", "Hegang", "Qitaihe", "Double Duck", "Tongjiang", "Sui Fen", "Jixi", "bei", "Heihe" , "Wuda Lian Chi", "other");
var values = new Array ("Harbin", "Jiamusi", "Mudanjiang", "Daqing", "Qiqihar", "Ah Cheng", "Zhaodong", "Suihua", "Yichun", "Hegang", "Qitaihe", "Double Duck", "Tongjiang", "Sui Fen", "Jixi", "bei", "Heihe" , "Wuda Lian Chi", "other");
Break
Case ' Hebei ':
var labels = new Array ("Shijiazhuang", "Handan", "Baoding", "Zhangjiakou", "Qinhuangdao", "Xinji", "Xingtai", "Botou", "Tangshan", "Beidaihe", "Langfang", "Dingzhou", "Nangong", "Hengshui", "Shahe", "Cangzhou", "Renqiu", " Chengde "," Zhuozhou "," other ");
var values = new Array ("Shijiazhuang", "Handan", "Baoding", "Zhangjiakou", "Qinhuangdao", "Xinji", "Xingtai", "Botou", "Tangshan", "Beidaihe", "Langfang", "Dingzhou", "Nangong", "Hengshui", "Shahe", "Cangzhou", "Renqiu", " Chengde "," Zhuozhou "," other ");
Break
Case ' Shaanxi ':
var labels = new Array ("Xi ' an", "Xianyang", "Baoji", "Tongchuan", "Weinan", "Yanan", "Hanzhong", "Hancheng", "other");
var values = new Array ("Xi ' an", "Xianyang", "Baoji", "Tongchuan", "Weinan", "Yanan", "Hanzhong", "Hancheng", "other");
Break
Case ' Hainan ':
var labels = new Array ("Haikou", "Sanya", "Qionghai", "Tong", "other");
var values = new Array ("Haikou", "Sanya", "Qionghai", "Tong", "other");
Break
Case ' Henan ':
var labels = new Array ("Zhengzhou", "Luoyang", "Kaifeng", "Hebi", "Jiaozuo", "Xuchang", "Zhumadian", "Zhoukou", "Xinxiang", "Anyang", "Puyang", "Luohe", "Xinyang", "Pingdingshan", "Sanmenxia", "Nanyang", "Shangqiu", "Yima "," other ");
var values = new Array ("Zhengzhou", "Luoyang", "Kaifeng", "Hebi", "Jiaozuo", "Xuchang", "Zhumadian", "Zhoukou", "Xinxiang", "Anyang", "Puyang", "Luohe", "Xinyang", "Pingdingshan", "Sanmenxia", "Nanyang", "Shangqiu", "Yima "," other ");
Break
Case ' Shanxi ':
var labels = new Array ("Taiyuan", "Datong", "Xinzhou", "Linfen", "Yuncheng", "Changzhi", "Yuci", "Houma", "Yangquan", "Jincheng", "other");
var values = new Array ("Taiyuan", "Datong", "Xinzhou", "Linfen", "Yuncheng", "Changzhi", "Yuci", "Houma", "Yangquan", "Jincheng", "other");
Break
Case ' Inner Mongolia ':
var labels = new Array ("Hohhot", "Chifeng", "" Baotou "," Erenhot "," Linhe "," Dongsheng "," Manzhouli "," Ulanhot "," Huolinguolei "," Jining "," Wuhai "," Hailar "," Yakeshi "," Xilin Hot "," Tongliao "," Zalantun "," other ");
var values = new Array ("Hohhot", "Chifeng", "" Baotou "," Erenhot "," Linhe "," Dongsheng "," Manzhouli "," Ulanhot "," Huolinguolei "," Jining "," Wuhai "," Hailar "," Yakeshi "," Xilin Hot "," Tongliao "," Zalantun "," other ");
Break
Case ' Guangxi ':
var labels = new Array ("Nanning", "Guilin", "Beihai", "Liuzhou", "Yulin", "Baise", "Hechi", "Pingxiang", "Qinzhou", "Wuzhou", "Heshan", "other");
var values = new Array ("Nanning", "Guilin", "Beihai", "Liuzhou", "Yulin", "Baise", "Hechi", "Pingxiang", "Qinzhou", "Wuzhou", "Heshan", "other");
Break
Case ' Guizhou ':
var labels = new Array ("Guiyang", "Zunyi", "Tongren", "Duyun", "Xingyi", "Chishui", "Liupanshui", "Carey", "Anshun", "other");
var values = new Array ("Guiyang", "Zunyi", "Tongren", "Duyun", "Xingyi", "Chishui", "Liupanshui", "Carey", "Anshun", "other");
Break
Case ' Ningxia ':
var labels = new Array ("Yinchuan", "Qingtongxia", "Wuzhong", "Shizuishan", "Zhongwei", "zhongning", "Guyuan", "other");
var values = new Array ("Yinchuan", "Qingtongxia", "Wuzhong", "Shizuishan", "Zhongwei", "zhongning", "Guyuan", "other");
Break
Case ' Qinghai ':
var labels = new Array ("Xining", "Golmud", "Republic", "Delinha", "other");
var values = new Array ("Xining", "Golmud", "Republic", "Delinha", "other");
Break
Case ' Xinjiang ':
var labels = new Array ("Urumqi", "Shihezi", "Karamay," Bole "," Tacheng "," Altay "," Hami "," Aksu "," Atushi "," Changji "," Kuitun "," Yining "," Turpan "," Korla "," Kashi "," Hotan "," Other ");
var values = new Array ("Urumqi", "Shihezi", "Karamay," Bole "," Tacheng "," Altay "," Hami "," Aksu "," Atushi "," Changji "," Kuitun "," Yining "," Turpan "," Korla "," Kashi "," Hotan "," Other ");
Break
Case ' Tibet ':
var labels = new Array ("Lhasa", "Shigatse", "other");
var values = new Array ("Lhasa", "Shigatse", "other");
Break
Case ' Gansu ':
var labels = new Array ("Lanzhou", "Jiuquan", "Linxia", "Zhangye", "Jiayuguan", "Jinchang", "Pingliang", "Silver", "Wuwei", "Yumen", "Tianshui", "Xifeng", "other");
var values = new Array ("Lanzhou", "Jiuquan", "Linxia", "Zhangye", "Jiayuguan", "Jinchang", "Pingliang", "Silver", "Wuwei", "Yumen", "Tianshui", "Xifeng", "other");
Break
Case ' Taiwan ':
var labels = new Array ("Taipei", "Taichung", "Keelung", "Tainan", "other");
var labels = new Array ("Taipei", "Taichung", "Keelung", "Tainan", "other");
Break
Case ' Hong Kong ':
var labels = new Array ("Hong Kong");
var values = new Array ("Hong Kong");
Break
Case ' Macau ':
var labels = new Array ("Macau");
var values = new Array ("Macau");
Break
Case ' abroad ':
var labels = new Array ("foreign");
var values = new Array ("foreign");
Break

}
document.reg.huji1.options.length = 0;
for (var i = 0; i < labels.length; i++) {
Document.reg.huji1.add (document.createelement ("option"));
Document.reg.huji1.options[i].text=labels[i];
Document.reg.huji1.options[i].value=values[i];
}
Document.reg.huji1.selectedIndex = 0;
}
</SCRIPT>
<select name= "Huji" onchange= "setcity ()" >

<option value= "Beijing" > Beijing </option>
<option value= "Tianjin" > Tianjin </option>
<option value= "Shanghai" > Shanghai </option>
<option value= "Chongqing" > Chongqing </option>
<option value= "Guangdong" > Guangdong </option>
<option value= "Jiangsu" > Jiangsu </option>
<option value= "Zhejiang" > Zhejiang </option>
<option value= "Fujian" > Fujian </option>
<option value= "Hunan" selected> Hunan </option>
<option value= "Hubei" > Hubei </option>
<option value= "Shandong" > Shandong </option>
<option value= "Liaoning" > Liaoning </option>
<option value= "Jilin" > Jilin </option>
<option value= "Yunnan" > Yunnan </option>
<option value= "Sichuan" > Sichuan </option>
<option value= "Anhui" > Anhui </option>
<option value= "Jiangxi" > Jiangxi </option>
<option value= "Heilongjiang" > Heilongjiang </option>
<option value= "Hebei" > Hebei </option>
<option value= "Shaanxi" > Shaanxi </option>
<option value= "Hainan" > Hainan </option>
<option value= "Henan" > Henan </option>
<option value= "Shanxi" > Shanxi </option>
<option value= "Inner Mongolia" > Inner Mongolia </option>
<option value= "Guangxi" > Guangxi </option>
<option value= "Guizhou" > Guizhou </option>
<option value= "Ningxia" > Ningxia </option>
<option value= "Qinghai" > Qinghai </option>
<option value= "Xinjiang" > Xinjiang </option>
<option value= "Tibet" > Tibet </option>
<option value= "Gansu" > Gansu </option>
<option value= "Taiwan" > Taiwan </option>
<option value= "Hong Kong" > Hong Kong </option>
<option value= "Macau" > Macau </option>
<option value= "foreign" > Foreign </option>
</SELECT>
Province (municipality):
<select name= "Huji1" ></SELECT>
<script language= "JavaScript" >
Setcity ();
</SCRIPT> City (region, county)