Sangat menyakitkan sehingga saya merangkum kota sekunder dan pertama -tama memastikan bahwa ada HTML di dalamnya.
<Span style = "latar belakang-warna: #ffffff; warna: #ff0000"> <pilih id = "provinsi" size = 1> </pilih> <pilih id = "city"> </pilih> <input type = "tersembunyi" id = "pro_city"/> </span>
Kemudian lihat JS dan akhirnya memanggilnya melalui SelectCity baru (). Saya terlalu malas untuk terpisah di sini, jadi saya menulisnya di halaman
Jangan tutup kode
<html> <head> <meta charset = "utf-8"> </head> <body> <pilih id = "provinsi" size = 1> </select> <pilih id = "city"> </selection> <input type = "hidden" id = "pro_city"/<script type = "text/javascript"> function () () {script = "Text/JavaScript"> function () () {) {script = "Text/JavaScript () () () () () () {TEXT/TEXT/TEXT/TEXT/TEXTCITY (). } SelectCity.prototype = {init: function () {this.arr = array baru (); this.proarr = ['beijing', 'shanghai', 'tianjin', 'chongqing', 'hebei', 'shanxi', 'batin 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, Yanqing"; this.arr [1] = "Huangpu, Luwan, Xuhui, Changning, Jing'an, Putuo, Zhabei, Hongkou, Yangpu, Minhang, Baoshan, Jiading, Pudong, Jinshan, Songjiang, Qingpu, Nanhui, Fengian, Feng, Feng, qingpu, Nanhui, feng, feng, qingpu; this.arr [2] = "heping, dongli, hedong, xiqing, hexi, jinnan, nankai, beichen, hebei, wuqing, hongqi, tangu, hangu, 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, Chengkou, Fengdu, Dianjiang, Wulong, Zhongxian, Kaixian, Yunyang, Fengjie, Wushan, Wuxi, Shizhu, Xiushan, Youyang, Pengshui, 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, Liga Hulunbuir, Liga Alxa, Liga Zhelim, Liga Xing'an, Liga Ulanqab, Liga Xilingol, Liga Bayannur, Liga Yikezhao"; 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, Shuangyahan, 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, Zhoushan, Taizhou, Lishui"; this.arr [12] = "hefei, wuhu, bengbu, ma'anshan, huabei, 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] = "Kota Nanchang, 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, Fangchenggang, Qinzhou, Guigang, Yulin, Wilayah Nanning, Wilayah Liuzhou, Hizhou, 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, Guizhou Barat Daya, Bijie, Guizhou Tenggara"; 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, Guyuan"; this.arr [29] = "xining, haidong, hainan, haibei, 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, Taini, Pingtung, Nantou, Yunlin, Hsinchu, Changhua, Miaoli, Chiayi, Hualien, Taoyuan, Yilan, Keelung, Taitung, Kinmen, Mazu, Pelhu, Penghu," Penghu; var city = document.geteLementById ("city"); var cityarr = this.arr [0] .split (","); var pro = document.geteLementById ("provinsi"); // inisialisasi provinsi Beijing untuk (var i = 0; i <this.proarr.length; i ++) {pro [i] = opsi baru (this.proarr [i], this.proarr [i]); } // Inisialisasi kota Beijing untuk (var i = 0; i <cityarr.length; i ++) {city [i] = opsi baru (CityArr [i], CityArr [i]); } this.handelevent (); }, handelevent: function () {var _this = this; //alert(this.arrht20]) var pro = document.geteLementById ("provinsi"); 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; // Isi nilai-nilai dalam array kota ke dalam kotak drop-down kota untuk (var i = 0; i <cityarr.length; i ++) {city [i] = opsi baru (CityArr [i], CityArr [i]); }} city.onchange = function () {// Tulis nilai akhir dalam input tersembunyi untuk menyesuaikan format pro_city.value = pro.Value+'-'+this.value; alert (pro_city.value)}}} selectCity baru (); </script> </body> </html>Di atas adalah seluruh konten dari kode implementasi JS asli yang dienkapsulasi daftar drop-down kota tingkat kedua yang dibawa kepada Anda oleh editor. Saya berharap semua orang akan lebih mendukung jejak kaki.