Это так больно, что я инкапсуляю второстепенный город и сначала убедится, что в нем есть HTML.
<Span style = "фоновый цвет: #ffffff; color: #ff0000"> <select id = "province" size = 1> </select> <select id = "city"> </select> <input type = "hidden" id = "pro_city"/> </span>
Затем обратитесь к JS и, наконец, вызывает его через новый SelectCity (). Мне здесь лень разделяться, поэтому я написал это на странице
Не закрывайте код
<html> <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 select () {this.init ();); } SelectCity.prototype = {init: function () {this.arr = new Array (); this.proarr = ['beijing', 'shanghai', 'tianjin', 'Chongqing', 'hebei', 'shanxi', 'Inner Монголия ',' liaoning ',' jilin ',' heilongjiang ',' jiangsu ',' Zhejiang ',' anhui ',' fujian ',' jiangxi ',' shandong ',' henan ',' hubei ',' jangxi ',' shandong ',' henan ',' hubei ',' jaingxi ',' shandong ',' henan ',' hubei ',' jiangxi ',' shandong ',' henan ',' hubei ' 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, Mion Quining; this.arr [1] = "Huangpu, Luwan, Xuhui, Changning, Jing'an, Putuo, Zhabei, Hongkou, Yangpu, Minhang, Baoshan, Jiading, Pudong, Jinshan, Songjiang, Qingpu, Nanhui, Fengxian, Chonging"; this.arr [2] = "Heping, Dongli, Hedong, Xiqing, Hexi, Jinnan, Nankai, Beichen, Hebei, Wuqing, Hongqi, Tanggu, Hango, Dagang, Ninghe, Jinghai, Baodi, Jixian"; this.arr[3 ]="Wanzhou, Fuling, Yuzhong, Dadukou, Jiangbei, Shapingba, Jiulongpo, Nan'an, Beibei, Wansheng, Shuangqian, Yubei, Banan, Qianjiang, Changshou, Qijiang, Tongnan, Tongliang, Dazu, Rongchang, Bishan, Liangping, Ченгку, Фенгду, Дайанцзян, Вулонг, Чжунсиан, Кайксиан, Юньян, Фенгджи, Ухан, Ууси, Шучжу, Сиюшан, Юян, Пенгшуи, Цзянджин, Хечуань, Юнчуань, Нанчюань "; this.arr [4] = "Shijiazhuang, Handan, Xingtai, Baoding, Zhangjiakou, Chengde, Langfang, Tangshan, Qinhuangdao, Cangzhou, Hengshui"; this.arr [5] = "Тайюань, Датонг, Янкуан, Чанчжи, Джинчэн, Шуошоу, Лулиан, Синьчжоу, Джинджонг, Линфен, Юнчунг"; this.arr [6] = "Hohhot, Baotou, Wuhai, Chifeng, League Hulunbuir, лига Алдса, Лига Желима, Лига Синьян, Лига Уланкаба, Лига Скилингола, Лига Баяннур, Лига Йикежао"; this.arr [7] = "Shenyang, Daly, Anshan, Fushun, Benxi, Dandong, Jinzhou, Yingkou, Fuxin, Liaoyang, Panjin, Tieling, Chaoyang, Huludao"; this.arr [8] = "Чанчун, Джилин, Сипинг, Лиаоюан, Тонгуа, Байшан, Сонгюань, Баченг, Янбиянка"; this.arr [9] = "Harbin, Qiqihar, Mudanjiang, Jiamusi, Daaqing, Suihua, Hegang, Jixi, Heihe, Shuangyashan, Yichun, Qitaihe, Daxinganling"; this.arr [10] = "Нанкин, Чжэньцзян, Сучжоу, Нантонг, Янчжоу, Янчунг, Сючжоу, Лианингунг, Чанчжоу, Вуси, Суцян, Тачжоу, Хуайан"; this.arr [11] = "Hangzhou, Ningbo, Wenzhou, Jiaxing, Huzhou, Shaoxing, Jinhua, Quzhou, Zhoushan, Taizhou, Lishui"; 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] = "Город Нанчанг, Цзинджэнь, Джиуцзян, Йинтан, Пинсианг, Синью, Ганчжоу, Джиан, Йичун, Фучжоу, Шанграо"; this.arr [15] = "Jinan, Qingdao, Zibo, Zazhuang, Donging, Yantai, Weifang, Jining, Tai'an, Weihai, Rizhao, Laiwu, Linyi, Dezhou, Liaocheng, Binzhou, Heze"; this.arr [16] = "Чжэнчжоу, Кайфенг, Луоян, Пингдингшан, Аньянг, Хеби, Синсианг, Цзяаозуо, Пуян, Сючан, Луохе, Санменсиа, Наньян, Шангкю, Синьян, Чжукоу, Зухумадиан, Ююан"; this.arr [17] = "Wuhan, Yichang, Jingzhou, Xiangfan, Huangshi, Jingmen, Huanggang, Shiyan, Enshi, Qianjiang, Tianmen, Xiantao, Suizhou, Xianning, Xiaogan, Ezhou"; this.arr [18] = "Чанша, Чанде, Чжучжоу, Сянгтан, Хенгьян, Юэян, Шаоян, Йиян, Лоуди, Хуайхуа, Ченчжоу, Юнчжоу, Сянгси, Чжанджияджи"; this.arr [19] = "Гуанчжоу, Шэньчжэнь, Чжухай, Шанту, Дунгуан, Чжуншан, Фошан, Шаогуан, Цзяньгмен, Чжанджьян, Маминг, Чжаокинг, Хуачжоу, Мейчжоу, Шанвэй, Эйуан, Йангианг, Чиянган, Чижьян, Чижанган, Чижьян, Чижанган, Чижанг, Юнфу "; this.arr [20] = "Nanning, Liuzhou, Guilin, Wuzhou, Beihai, Fangchenggang, Qinzhou, Guigang, Yulin, Nanning Region, Liuzhou, Hezhou, Baise, Hechi"; this.arr [21] = "haikou, sanya"; this.arr [22] = "Ченгду, Мианьян, Дейанг, Зигунг, Панжихуа, Гуангьюань, Нейцзян, Лешан, Нанчонг, Йибин, Гуанган, Дачуань, Яан, Мейшан, Ганзи, Ляншан, Лузху"; this.arr [23] = "Guiyang, Liupanshui, Zunyi, Anshun, Tongren, Southwest Guizhou, Bijie, Southest Guizhou"; this.arr [24] = "Kunming, Dali, Qujing, Yuxi, Zhaotong, Chuxiong, Honghe, Wenshan, Simao, Xishuangbanna, Baoshan, Dehong, Lijiang, Nujiang, Diazing, Lincang"; this.arr [25] = "Lhasa, Shigatse, Shannan, Linzhi, Changdu, Ali, Naqu"; this.arr [26] = "Xi'an, Baoji, Sianyang, 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, Guyuan"; this.arr [29] = "Xining, Haidong, Hainan, Haibei, Huangnan, Yushu, Goluo, Haixi"; this.arr [30] = "Урумки, Шихези, Карамай, Йили, Байгол, Чанджи, Кизилсу Киргиз, Бортала, Турпан, Хами, Кашгар, Хотан, Аксу"; this.arr [31] = "Гонконг"; this.arr [32] = "macao"; this.arr [33] = "Тайбэй, Каоссинг, Тайчунг, Тайнан, Пингтунг, Нанту, Юнлин, Синчу, Чанхуа, Миаоли, Чиай, Хуалиен, Таоюан, Илан, Килунг, Тайтунг, Кинмен, Мазу, Пенгу"; var city = document.getelementbyid ("city"); var cityarr = this.arr [0] .split (","); var pro = document.getElementbyId ("провинция"); // Инициализировать Пекинскую провинцию для (var i = 0; i <this.proarr.length; i ++) {pro [i] = новая опция (this.proarr [i], this.proarr [i]); } // Инициализировать город Пекин (var i = 0; i <cityarr.length; i ++) {city [i] = новый вариант (CityArr [i], cityArr [i]); } this.handelevent (); }, handelevent: function () {var _this = this; //Alert(This.arrпеча20]) var pro = document.getElementById ("провинция"); var city = document.getelementbyid ("city"); var pro_city = document.getElementById ('pro_city'); pro.onchange = function () {var index = this.selectedIndex; var cityarr = _this.arr [index] .split (","); city.length = 0; // Заполнить значения в городском массиве в раскрывающуюся коробку города для (var i = 0; i <cityarr.length; i ++) {city [i] = новый вариант (Cityarr [i], cityarr [i]); }} city.onchange = function () {// Записать окончательное значение на скрытом входе, чтобы настроить формат pro_city.value = pro.value+'-'+this.value; alert (pro_city.value)}}} new SelectCity (); </script> </body> </html>Выше приведено все содержание кода реализации местного выпадающего списка JS City Secondvel City, представленного вам редактором. Я надеюсь, что все будут поддерживать дом по стопам.