Es tut so weh, dass ich eine sekundäre Stadt in Einklang bringen und zuerst sicherstellen kann, dass ein HTML drin ist.
<Span style = "background-color: #ffffff; color: #ff0000"> <select id = "provinz" size = 1> </select> <select id = "city"> </select> <Eingabe type = "Hidden" id = "pro_city"/> </span>
Dann beziehen Sie sich auf JS und rufen Sie es schließlich über New SelectCity () an. Ich bin zu faul, um mich hier zu trennen, also habe ich es auf der Seite geschrieben
Schließen Sie den Code nicht
<html> <head> <meta charset = "utf-8"> </head> <body> <select id = "provinz" size = 1> </select> <select id = "city"> </select> <Eingabe type = "Hidden" id = "pro_city"/> <script = "text/javascript"> function "> function"> function "> function"> function "> {) {) {) {) {) {) {) {) {) {) {) {) {) {) {); } SelectCity.Prototype = {init: function () {this.arr = new Array (); this.Proarr = ['Peking', 'Shanghai', 'Tianjin', 'Chongqing', 'Hebei', 'Shanxi', Inner Mongolei ',' Liaoning ',' Jilin ',' Heilongjiang ',' Jiangsu ',' Zhejiang ',' Anhui ',' Fujian ',' Jiangi ',' 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, Veränderung, Jing'an, Putuo, Zhabei, Hongkou, Yangpu, Minhang, Baoshan, Jiaging, Pudong, Jinshan, Songjiang, Qingpu, Nanhui, Fengxian, Chongming"; this.arr [2] = "Hing, 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, 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, Yunchg"; 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, Schluck, 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, Yangeng, 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, huaiibei, zungen, 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, Liangeng, 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, Fangchenggt, Qinzhou, Guigang, Yulin, Nanning Region, Liuzhou Region, Hiszhou, 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, 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] = "Hongkong"; this.arr [32] = "macao"; this.arr [33] = "Taipei, Kaohsiung, Taichung, Tainan, Pingtung, Nantou, Yunlin, Hsinchu, Changhua, Miaoli, Chiyi, Hualien, Taoyuan, Yilan, Keelung, Taitung, Kinmen, Mazu, Penghu"; var City = document.getElementById ("Stadt"); var Cityarr = this.arr [0] .Split (","); var pro = document.getElementById ("Provinz"); // Initialisieren Sie die Provinz Peking für (var i = 0; i <this.proarr.length; i ++) {pro [i] = neue Option (this.proarr [i], this.proarr [i]); } // Initialisieren Sie die Peking -Stadt für (var i = 0; i <Cityarr.length; i ++) {City [i] = neue Option (Cityarr [i], Cityarr [i]); } this.HandeleVent (); }, Handelevent: function () {var _this = this; //alert(This.arr -20]) var pro = document.getElementById ("Provinz"); var City = document.getElementById ("Stadt"); var pro_city = document.getElementById ('Pro_City'); pro.onchange = function () {var index = this.selectedIndex; var Cityarr = _this.arr [index] .Split (","); City.Length = 0; // Füllen Sie die Werte in der Städtischen Array in das Dropdown-Box der Stadt für (var i = 0; i <Cityarr.length; i ++) {City [i] = neue Option (Cityarr [i], Cityarr [i]); }} City.onchange = function () {// Schreiben Sie den Endwert in einer versteckten Eingabe, um das Format pro_City.Value = pro.Value+'-'+this.value anzupassen; alert (pro_city.value)}}} new SelectCity (); </script> </body> </html>Das obige ist der gesamte Inhalt des Implementierungscode des nativen JS, das die vom Herausgeber zur Verfügung gestellte Dropdown-Liste der zweiten Ebene in die Stadt gebracht hat. Ich hoffe, jeder wird mehr als das Haus zu Hause unterstützen.