إنه أمر مؤلم لدرجة أنني أغلف مدينة ثانوية وأضمن أولاً وجود HTML فيه.
<span style = "background-color: #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/javascript " } selectCity.Prototype = {init: function () {this.arr = new array () ؛ this.proarr = ['Beijing' ، 'Shanghai' ، 'Tianjin' ، 'Chongqing' ، 'hebei' ، 'Shanxi' ، 'Inner منغوليا "،" لياونينج "،" جيلين "،" هيلونججيانغ "،" جيانغسو "،" زهجيانغ "،" آنهوي "،" فوجيان "،" جيانغشي "،" شاندونغ "،" هاباي "،" هونا " 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 ، Pinggu ، Huairou ، this.arr [1] = "Huangpu ، Luwan ، Xuhui ، Changning ، Jing'an ، Putuo ، Zhabei ، Hongkou ، Yangpu ، Minhang ، Baoshan ، Jiabing ، Pudong ، Jinshan ، Songjiang ، Qingpu ، Nanhui ، Fengxian ، Chonging" ؛ 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 ، Qiiang ، Tongnan ، 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 ، League 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 ، Zhouhan ، 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] = "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 ، Shaguan ، Jiangmen ، Zhanjiang ، Maoming ، Zhaoqing ، Huizhou ، Meizhou ، Shanwi ، Heauan ، yangiang ، QIANG ، yunfu "؛ this.arr [20] = "Nanning ، Liuzhou ، Gullin ، 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 ، Nanchang ، Yibin ، Guang'an ، Dachuan ، Ya'an ، Meishan ، Ganzi ، Liangshan ، Luzhou" ؛ this.arr [23] = "Guiyang ، Liupanshui ، Zunyi ، Anshun ، Tongren ، Southwest Guizhou ، Bijie ، Southeast 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] = "Hong Kong" ؛ this.arr [32] = "Macao" ؛ this.arr [33] = "Taipei ، Kaohsiung ، Taichung ، Tainan ، Pingtung ، Nantou ، Yunlin ، Hsinchu ، Changhua ، Miaoli ، Chiayi ، Hualien ، Taoyuan ، Yilan ، Keelung ، Taitung ، Kinmen ، Mazu ، Penghu" ؛ var city = document.getElementById ("City") ؛ var cityarr = this.arr [0] .Split ("،") ؛ var pro = document.getElementById ("Province") ؛ . } // تهيئة مدينة Beijing لـ (var i = 0 ؛ i <cityarr.length ؛ i ++) {city [i] = new Option (cityarr [i] ، cityarr [i]) ؛ } this.handelevent () ؛ } ، handelevent: function () {var _this = this ؛ //alert(this.arr budap20]) var pro = document.getElementById ("Province") ؛ 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] = new Option (cityarr [i] ، cityarr [i]) ؛ }} city.onchange = function () {// اكتب القيمة النهائية في إدخال مخفي لتخصيص التنسيق pro_city.value = pro.value+'-'+this.value ؛ ALERT (pro_city.value)}}} new selectCity () ؛ </script> </body> </html>ما ورد أعلاه هو المحتوى الكامل لرمز التنفيذ الخاص بقائمة المنسدلة من المستوى الثاني من المستوى الثاني الذي يقدم لك المحرر. آمل أن يدعم الجميع خطى المنزل أكثر.