それは非常に痛いので、私は二次都市をカプセル化し、最初にHTMLが入っていることを確認します。
<span style = "background-color：#ffffff; color：＃ff0000"> <select id = "province" size = 1> </select> <select id = "city"> </select> <入力タイプ= "hidden" id = "pro_city"/> </span>
次に、JSを参照して、最終的にnew SelectCity（）を使用して呼び出します。私はここで区別できないので、ページに書きました
コードを閉じないでください
<html> <head> <Meta charset = "utf-8"> </head> <body> <select id = "provence" size = 1> </select> <select id = "city"> </select> <input> <input> <input> <input> <input> <"hidden" = "pro_city"/> <script type = "text/javascript"> fuctune selectcity（）{this.init（）; } selectCity.prototype = {init：function（）{this.arr = new Array（）; this.proarr = ['beijing'、 'shanghai'、 'tianjin'、 'chongqing'、 'hebei'、 'shanxi'、 'inner 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、Changing、Daxing、Pinggu、Huairou、 This.arr [1] = "Huangpu、Luwan、Xuhui、Changing、Jing'an、Putuo、Zhabei、Hongkou、Yangpu、Minhang、Baoshan、Jiading、Pudong、Jinshan、Songjiang、Qingpu、Nanhui、fengxian、fengxian、fengxian、fengxian、fengxian、fengxian this.arr [2] = "Heping、Dongli、Hedong、Xiqing、Hexi、Jinnan、Nankai、Beichen、Hebei、Wuqing、Hongqi、Tanggu、Hangue、Dagang、Ninghe、Jinghai、Baodi、Jixian"; this.arr [3] = "Wanzhou、Fuling、Yuzhong、Dadukou、Jiangbei、Shapingba、Jiulongpo、Nan'an、Beibei、Wansheng、Shuangqian、Yubei、Banan、Qianjiang、Changshou、Qijian 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] = "シェニヤン、ダリアン、アンシャン、フシュン、ベンクシー、ダンドン、柔術、Yingkou、fuxin、liaoyang、Panjin、Tieling、Chaoyang、Huludao"; this.arr [8] = "チャンチョン、ジリン、サイピング、リアユアン、トンフア、バイシャン、ソシュアン、バイチェン、ヤンビアン"; this.arr [9] = "Harbin、Qiqihar、Mudanjiang、Jiamusi、Daqing、Suihua、Hegang、Jixi、Heihe、Shuangyashan、Yichun、Qitaihe、daxinganling"; this.arr [10] = "ナンジン、ゼンジャン、蘇州、ナントン、ヤンチョウ、ヤンチェン、xuzhou、lianyungang、changzhou、wuxi、suqian、aizhou、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、huzhou、蘇州、唐hou、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] = "ジナン、青島、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] = "チャンシャ、チャンデ、Zhuzhou、Xiangtan、Hengyang、Yueyang、Shaoyang、Yiyang、Loudi、Huaihua、Chenzhou、Yongzou、Xiangxi、Zhangjiajie"; this.arr [19] = "広州、深セン、Zhuhai、Shantou、Dongguan、Zhongshan、Foshan、Shaoguan、Jiangmen、Zhanjiang、Maoming、Zhaoqing、Huizhou、Meizhou、Shanwei、Heyuan、Yangjian、jieyanユンフ "; this.arr [20] = "Nanning、Liuzhou、Guilin、Wuzhou、Beihai、Fangchenggang、Qinzhou、Guigang、Yulin、Nanning Region、Lizhou Region、Hezhou、Baise、Hechi"; this.arr [21] = "haikou、sanya"; this.arr [22] = "Chengdu、Mianyang、Deyang、Zigong、Panzhihihua、Guangyuan、Neijiang、Leshan、Nanchong、Yibin、Guang'an、Dachuan、Yaan、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、shizuisuan、wuzhong、guyuan"; this.arr [29] = "Xining、haidong、hainan、haibei、huangnan、yushu、goluo、haixi"; this.arr [30] = "urumqi、shihezi、karamay、yili、bayingol、changi、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"）; //（var i = 0; i <this.proarr.length; i ++）{pro [i] = new option（this.proarr [i]、this.proarr [i]）; } //北京都市の初期化（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 [20]）var pro = document.getElementById（ "stavince"）; 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; //市の配列の値を都市の配列に入力します。 }} city.onchange = function（）{//非表示の入力で最終値を書き込み、format pro_city.value = pro.value+' - '+this.value; alert（pro_city.value）}}} new SelectCity（）; </script> </body> </html>上記は、編集者からもたらされたネイティブJSカプセル化された第2レベルの都市ドロップダウンリストの実装コードのコンテンツ全体です。みんなが足跡の家をもっとサポートすることを願っています。