Cela fait tellement de mal que j'imagine une ville secondaire et je m'assure d'abord qu'il y a un HTML.
<Span style = "background-color: #ffffff; couleur: # ff0000"> <select id = "province" size = 1> </ select> <select id = "city"> </ select> <input type = "Hidden" id = "pro_city" /> </ span>
Ensuite, reportez-vous à JS et l'appelle enfin via New SelectCity (). Je suis trop paresseux pour séparer ici, alors je l'ai écrit sur la page
Ne fermez pas le code
<html> <éad- head> <meta charset = "utf-8"> </ head> <body> <select id = "province" size = 1> </ select> <select id = "city"> </ select> <input type = "HIDDEN" id = "pro_city" /> <script type = "text / javascript"> function selectCity () {this.init (script (); } SelectCity.prototype = {init: function () {this.arr = new Array (); this.proarr = ['beijing', 'shanghai', 'tianjin', 'chongqing', 'hebei', 'shanxi', 'intérieur Mongolia ',' Liaoning ',' Jilin ',' Heilongjiang ',' Jiangsu ',' Zhejiang ',' Anhui ',' Fujian ',' Jiangxi ',' Shandong ',' Henan ',' Hubei ',' Huna ' n ',' Guangdong ',' Guangxi ',' Hainan ',' Sichuan ',' Guizhou ',' Yunnan ',' Yansu ',' Shaanxi ',' Gansu ',' ningxia ',' Qinghai ',' Xinjiang ',', Hong Kong ',' Macau ',' Taiwan '] this.arr [0] = "Dongcheng, Xicheng, Chongwen, Xuanwu, Chaoyang, Fengtai, Shijingshan, Haidian, Mentougou, Fangshan, Tongzhou, Shunyi, Changping, Daxing, Pinggu, Huairou, Miyun, Yanking"; this.arr [1] = "Huangpu, Luwan, Xuhui, Changning, Jing'an, Putuo, Zhabei, Hongkou, Yangpu, Minhang, Baoshan, Jiading, Pudong, Jinshan, Songjiang, Qingpu, Nanhui, Fengxian, Chongming"; this.arr [2] = "Heping, Dongli, Hedong, Xiqing, Hexi, Jinnan, Nankai, Beichen, Hebei, Wuqing, Hongqi, Tanggu, Hangu, Dagang, Ninghe, Jinghai, Baodi, Jixian"; this.arr [3] = "Wanzhou, Fulling, Yuzhong, Dadukou, Jiangbei, Shapingba, Jiulongpo, Nan'an, Beibei, Wansheng, Shuangqian, Yubei, Banan, Qianjiang, Changshou, Qijiang, Tongnan, Tongliang Chengkou, Fengdu, Dianjiang, Wulong, Zhongxian, Kaixian, Yunyang, Fengjie, Wushan, Wuxi, Shizhu, Xiushan, Youyang, Penghui, Jiangjin, Hechuan, Yongchuan, Nanchuan "; this.arr [4] = "Shijiazhuang, Handan, Xingtai, Baoding, Zhangjiakou, Chengde, Langfang, Tangshan, Qinhuangdao, Cangzhou, Hengshui"; this.arr [5] = "Taiyuan, Datong, Yangquan, Changzhi, Jincheng, Shuozhou, Luliang, Xinzhou, Jinzhong, Linfen, Yuncheng"; this.arr [6] = "Hohhot, Baotou, Wuhai, Chifeng, Hulunbuir League, Ligue alxa, Zhelim League, Xing'an League, Ulanqab League, Ligue Xilingol, Bayannur League, Yikezhao League"; this.arr [7] = "Shenyang, Dalian, Anshan, Fushun, Benxi, Dandong, Jinzhou, Yingkou, Fuxin, Liaoyang, Panjin, Tieling, Chaoyang, Huludao"; this.arr [8] = "Changchun, Jilin, Siping, Liaoyuan, Tonghua, Baishan, Songyuan, Baicheng, Yanbian"; this.arr [9] = "Harbin, Qiqihar, Mudanjiang, Jiamusi, Daqing, Suihua, Hegang, Jixi, Heihe, Shuangyashan, Yichun, Qitaihe, Daxinganling"; this.arr [10] = "Nanjing, Zhenjiang, Suzhou, Nantong, Yangzhou, Yancheng, Xuzhou, Lianyungang, Changzhou, Wuxi, Suqian, Taizhou, Huai'an"; this.arr [11] = "Hangzhou, Ningbo, Wenzhou, Jiaxing, Huzhou, Shaoxing, Jinhua, Quzhou, Zousehan, Taizhou, Lishii"; this.arr [12] = "Hefei, Wuhu, Bengbu, Ma'anshan, Huaibei, Tongling, Anqing, Huangshan, Chuzhou, Suzhou, Chizhou, Huainan, Chaohu, Fuyang, Lu'an, Xuancheng, Bozhou"; this.arr [13] = "Fuzhou, Xiamen, Putian, Sanming, Quanzhou, Zhangzhou, Nanping, Longyan, Ningde"; this.arr [14] = "Nanchang City, Jingdezhen, Jiujiang, Yingtan, Pingxiang, Xinyu, Ganzhou, Ji'an, Yichun, Fuzhou, Shangrao"; this.arr [15] = "Jinan, Qingdao, Zibo, Zaozhuang, Dongying, Yantai, Weifang, Jining, Tai'an, Weihai, Rizhao, Laiwu, Linyi, Dezhou, Liaocheng, Binzhou, Heze"; this.arr [16] = "Zhengzhou, Kaifeng, Luoyang, Pingdingshan, Anyang, Hebi, Xinxiang, Jiaozuo, Puyang, Xuchang, Luohe, Sanmenxia, Nanyang, Shangqiu, Xinyang, Zhoukou, Zhumadian, Jiyuan"; this.arr [17] = "Wuhan, Yichang, Jingzhou, Xiangfan, Huangshi, Jingmen, Huanggang, Shiyan, Enshi, Qianjiang, Tianmen, Xiantao, Suizhou, Xianning, Xiaogan, ezhou"; this.arr [18] = "Changsha, Changde, Zhuzhou, Xiangtan, Hengyang, Yueyang, Shaoyang, Yiyang, Loudi, Huaihua, Chenzhou, Yongzhou, Xiangxi, Zhangjiajie"; this.arr[19]="Guangzhou, Shenzhen, Zhuhai, Shantou, Dongguan, Zhongshan, Foshan, Shaoguan, Jiangmen, Zhanjiang, Maoming, Zhaoqing, Huizhou, Meizhou, Shanwei, Heyuan, Yangjiang, Qingyuan, Chaozhou, Jieyang, Yunfu "; this.arr [20] = "Nanning, Liuzhou, Guilin, Wuzhou, Beihai, Fangchengggang, Qinzhou, Guigang, Yulin, Région Nanning, région de Liuzhou, Hezhou, Baise, Hechi"; this.arr [21] = "Haikou, Sanya"; this.arr [22] = "Chengdu, Mianyang, Deyang, Zigong, Panzhihua, Guangyuan, Neijiang, Leshan, Nanchong, Yibin, Guang'an, Dachuan, Ya'an, Meishan, Ganzi, Liangshan, Luzhou"; this.arr [23] = "Guiyang, Liupanshui, Zunyi, Anshun, Tongren, Southwest Guizhou, Bijie, Sud-Est Guizhou"; this.arr [24] = "Kunming, Dali, Qujing, Yuxi, Zhaotong, Chuxiong, Honghe, Wenshan, Simao, Xishuangbanna, Baoshan, Dehong, Lijiang, Nujiang, Diqing, Lincang"; this.arr [25] = "Lhasa, Shigatse, Shannan, Linzhi, Changdu, Ali, Naqu"; this.arr [26] = "xi'an, baoji, xianyang, tongchuan, weinan, yan'an, yulin, hanzhong, ankang, shangluo"; this.arr [27] = "Lanzhou, Jiayuguan, Jinchang, Baiyin, Tianshui, Jiuquan, Zhangye, Wuwei, Dingxi, Longnan, Pingliang, Qingyang, Linxia, Gannan"; this.arr [28] = "Yinchuan, Shizuishan, Wuzhong, Guyan"; this.arr [29] = "Xining, Haidong, Hainan, Haïbei, Huangnan, Yushu, Goluo, Haixi"; this.arr [30] = "Urumqi, Shihezi, Karamay, Yili, Bayingol, Changji, Kizilsu Kirgiz, Bortala, Turpan, Hami, Kashgar, Hotan, Aksu"; this.arr [31] = "Hong Kong"; this.arr [32] = "macao"; this.arr [33] = "Taipei, Kaohsiung, Taichung, Tainan, Pingtung, Nantou, Yunlin, Hsinchu, Chgughua, Miaoli, Chiayi, Hualien, Taoyuan, Yilan, Keelung, Taitung, Kinmen, Mazu, Penghu"; var ville = document.getElementByid ("ville"); var cityarr = this.arr [0] .split (","); var pro = document.getElementById ("province"); // initialise la province de Beijing pour (var i = 0; i <this.proarr.length; i ++) {pro [i] = nouvelle option (this.proarr [i], this.proarr [i]); } // Initialisez la ville de Pékin pour (var i = 0; i <CityArr.length; i ++) {City [i] = nouvelle option (CityArr [i], CityArr [i]); } this.HandElevent (); }, HandeleVent: function () {var _This = this; //alelert(this.arr commenté]) var pro = document.getElementByid ("province"); var ville = document.getElementByid ("ville"); var pro_city = document.getElementById ('pro_city'); pro.Onchange = function () {var index = this.selectedIndex; var cityarr = _this.arr [index] .split (","); City.Length = 0; // Remplissez les valeurs du tableau de la ville dans la boîte déroulante de la ville pour (var i = 0; i <Cityarr.length; i ++) {City [i] = nouvelle option (CityArr [i], CityArr [i]); }} city.onchange = function () {// Écrivez la valeur finale dans une entrée masquée pour personnaliser le format pro_city.value = pro.value + '-' + this.value; alert (pro_city.value)}}} new SelectCity (); </cript> </ body> </html>Ce qui précède est l'intégralité du contenu du code d'implémentation de la liste déroulante de la ville de deuxième niveau de deuxième niveau qui vous a été apportée par l'éditeur. J'espère que tout le monde soutiendra davantage les pas.