มันเจ็บมากจนฉันห่อหุ้มเมืองทุติยภูมิและก่อนอื่นให้แน่ใจว่ามี HTML อยู่ในนั้น
<span style = "พื้นหลังสี: #ffffff; สี: #ff0000"> <เลือก id = "จังหวัด" ขนาด = 1> </เลือก> <เลือก id = "เมือง"> </เลือก> <อินพุตประเภท = "ซ่อน" 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" } selectcity.prototype = {init: function () {this.arr = new Array (); this.proarr = ['Beijing', 'Shanghai', 'Tianjin', 'Chongqing', 'Hebei', 'Shanxi', 'ภายใน 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 กง ',' มาเก๊า ',' ไต้หวัน '] this.arr [0] = "Dongcheng, Xicheng, Chongwen, Xuanwu, Chaoyang, Fengtai, Shijingshan, Haidian, Mentougou, Fangshan, Tongzhou, Shunyi this.arr [1] = "Huangpu, Luwan, Xuhui, Changning, Jing'an, Putuo, Zhabei, Hongkou, Yangpu, Minhang, Baoshan, Jiading, Pudong, Jinshan, Songjiang, Qingpu, Nanhui 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, Fuling, Yuzhong, Dadukou, Jiangbei, Shapingba, Jiulongpo, Nan'an, Beibei, Wansheng, Shuangqian, Yubei, Banan, Qianjiang, Changshou 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, Hulunbuir League, Alxa League, Zhelim League, Xing'an League, Ulanqab League, Xilingol League, 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, Zhoushan, Taizhou, Lishui"; this.arr [12] = "Hefei, Wuhu, Bengbu, Ma'anshan, Huaibei, Tongling, Anqing, Huangshan, Chuzhou, Suzhou, Chizhou, Huainan, Chahu, 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, Zhoukou 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 Yunfu "; 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] = "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, 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, 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] = "ฮ่องกง"; this.arr [32] = "macao"; this.arr [33] = "ไทเป, Kaohsiung, Taichung, Tainan, Pingtung, Nantou, Yunlin, Hsinchu, Changhua, Miaoli, Chiayi, Hualien, Taoyuan, Yilan, Keelung, Taitung, Kinmen, Mazu var city = document.getElementById ("เมือง"); 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 220]) var pro = document.getElementById ("จังหวัด"); var city = document.getElementById ("เมือง"); 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; การแจ้งเตือน (pro_city.value)}}} ใหม่ selectcity (); </script> </body> </html>ข้างต้นเป็นเนื้อหาทั้งหมดของรหัสการใช้งานของรายการดรอปดาวน์เมืองระดับที่สองของ JS ที่ถูกห่อหุ้มด้วย JS ที่นำมาให้คุณ ฉันหวังว่าทุกคนจะสนับสนุนการเดินกลับบ้านมากขึ้น