Second-level linkage between JavaScript provinces and cities, and javascript provinces and cities

Second-level linkage between JavaScript provinces and cities, and javascript provinces and cities

The XML file is responsible for saving the required data, while the HTML file is responsible for parsing XML data through javascript and displaying it on the page. The Code is as follows:

Cities. xml

<? Xml version = "1.0" encoding = "GB2312"?> <China> <province name = "Jilin province"> <city> Changchun </city> <city> Jilin city </city> <city> Siping </city> <city> Songyuan </city> <city> Tonghua </city> </province> <province name = "Liaoning province"> <city> Shenyang </city> <city> Dalian </city> <city> Anshan </city> <city> Fushun </city> </province> <province name = "Shandong province"> <city> Jinan </city> <city> Qingdao </city> <city> Weihai </city> <city> Yantai </city> <city> Weifang </city> </province> <province name = "Hubei province"> <city> Wuhan </city> <city> guangshui </city> <city> Xiaogan </city> <city> Jingzhou </city> <city> Huangshi </city> <city> Ezhou </city> <city> Huanggang </city> </province> </china>

City.html

<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN"> 






Question about level-2 interaction in the javascript menu list?
First, what does selectedIndex mean?

You can set the selectedIndex attribute or return the index number of the selected option in the drop-down list.

<Option value = "0"> select the province </OPTION> selectedIndex = 0
<Option value = "municipality"> municipality </OPTION> selectedIndex = 1

If you select a municipality

Var provinceCity = city [sltProvince. selectedIndex-1];
That is:
Var provinceCity = city [0]; // ["Beijing", "Tianjin", "Shanghai", "Chongqing"]

Then, the four cities are displayed in the city list.

Javascript achieves level-2 interaction, such as a drop-down list, one selecting province, and the other automatically displaying the corresponding City
<Script language = vbScript>
<! --
Public x (33)
X (0) = "Dongcheng, Xicheng, Chongwen, Xuanwu, Chaoyang, Fengtai, Shijingshan, Haidian, Mentougou, Fangshan, Tongzhou, Shunyi, Changping, Daxing, Pinggu, Huairou, Miyun, yanqing"
X (1) = "Huangpu, Luwan, Xuhui, Changning, Jingan, Putuo, Zhabei, Hongkou, Yangpu, Minhang, Baoshan, Jiading, Pudong, Jinshan, Songjiang, Qingpu, Nanhui, fengxian, Chongming"
X (2) = "peaceful, dongli, Hedong, Xiqing, Hexi, Jinnan, Nankai, Beichen, Hebei, Wuqing, Hongyi, Tanggu, hangu, Dagang, Ninghe, JingHai, baodi, Jixian county"
X (3) = "Wanzhou, Fuling, Yuzhong, dadukou, Jiangbei, Shapingba, jiulongpo, southbank, Beibei, wansheng, shuangbei, yubei, Bannan, Qijiang, Changshou, Zhujiang, tongliang, Dazu, Rongchang, bishan, liangping, chengkou, fengdu, dianjiang, Wulong, Zhongxian, kaixian, Yunyang, Fengjie, Wushan, Wuxi, shizhu, xiushan, Youyang, pengshui, jiangjin, Hechuan, Yongchuan, Nanchuan"
X (4) = "Shijiazhuang, Handan, Xingtai, Baoding, Zhangjiakou, Chengde, Langfang, Tangshan, Qinhuangdao, Cangzhou, Hengshui"
X (5) = "Taiyuan, Datong, Yangquan, Changzhi, Jincheng, Shuozhou, Luliang, Xinzhou, Jinzhong, Linfen, Yuncheng"
X (6) = "Hohhot, Baotou, Wuhai, Chifeng, Hulunbeier league, Alxa league, zhilimu league, Xing 'an league, ulanchab league, Xilin Gol league, bayannaoer league, and irk zhaomeng"
X (7) = "Shenyang, Dalian, Anshan, Fushun, Benxi, Dandong, Jinzhou, Yingkou, Fuxin, Liaoyang, Panjin, Tieling, Chaoyang, Huludao"
X (8) = "Changchun, Jilin, Siping, Liaoyuan, Tonghua, Baishan, Songyuan, Baicheng, Yanbian"
X (9) = "Harbin, QiQihar, Mudanjiang, Jiamusi, Daqing, Suihua, Hegang, Jixi, Heihe, Shuangyashan, Yichun, Qitaihe, Daxinganling"
X (10) = "Nanjing, Zhenjiang, Suzhou, Nantong, Yangzhou, Yancheng, Xuzhou, Lianyungang, Changzhou, Wuxi, Suqian, Taizhou, Huai 'an"
X (11) = "Hangzhou, Ningbo, Wenzhou, Jiaxing, Huzhou, Shaoxing, Jinhua, Quzhou, Zhoushan, Taizhou, Lishui"
X (12) = "Hefei, Wuhu, Bengbu, ma'anshan, Huaibei, Tongling, Anqing, Huangshan, Chuzhou, Suzhou, Chizhou, Huainan, Chaohu, Fuyang, lu'an, xuancheng, Zhuzhou"
X (13) = "Fuzhou, Xiamen, Putian, Sanming, Quanzhou, Zhangzhou, Nanping, Longyan, Ningde"
X (14) = "Nanchang city, Jingdezhen, Jiujiang, Yingtan, Pingxiang, Xinyu, Ganzhou, ji'an, Yichun, Fuzhou, Shangrao"
X (15) = "Jinan, Qingdao, Zibo, Zaozhuang, Dongying, Yantai, Weifang, Jining, tai'an, Weihai, Rizhao, LaiWu, Linyi, Dezhou, Liaocheng, Binzhou, Heze"
X (16) = "Zhengzhou, Kaifeng, Luoyang, Pingdingshan, Anyang, hebi, Xinxiang, Jiaozuo, Puyang, xuchang, Luohe, Sanmenxia, Nanyang, Shangqiu, Xinyang, Zhoukou, Zhumadian, jiyuan"
X (17) = "Wuhan, Yichang, Jingzhou, Xiangfan, Huangshi, Jingmen, Huanggang, Shiyan, Enshi, Qianjiang, Tianmen, Xiantao, Sui Zhou, Xianning, Xiaogan, Ezhou"
X (18) = "Changsha, Changde, Zhuzhou, Xiangtan, Hengyang, Yueyang, Shaoyang, Yiyang, loudi, Huaihua, Chenzhou, Yongzhou, Xiangxi, and Zhangjiajie"
X (19) = "Guangzhou, Shenzhen, Zhuhai, Shantou, Dongguan, Zhongshan, Foshan, Shaoguan, Jiangmen, Zhanjiang, Maoming, Zhaoqing, Huizhou, Meizhou, Shanwei, Heyuan, Yangjiang, qingyuan, Chaozhou, Jieyang, yunfu"
X (20) = "Nanning, Liuzhou, Guilin, Wuzhou, Beihai, Fangchenggang, Qinzhou, Guigang, Yulin, Nanning, and Liuzhou... full text>