Cet exemple partage le code spécifique pour JS pour implémenter le menu déroulant de liaison secondaire pour votre référence. Le contenu spécifique est le suivant
Partie de code JS:
/ ** Version nationale de la ville de la ville de deuxième niveau * / fonction dSy () {this.items = {};} dsy.prototype.add = function (id, iarray) {this.items [id] = iarray;} dsy.prototype.exists = function (id) {if (typeof (this.items [id]) == "Undef; return true;} Change de fonction (v) {var str = "0"; pour (i = 0; i <v; i ++) {str + = ("_" + (document.getElementById (s [i]). SelectedIndex-1)); }; var ss = document.getElementById (s [v]); avec (ss) {longueur = 0; Options [0] = nouvelle option (opt0 [v], opt0 [v]); if (v && document.getElementById (s [v-1]). selectedIndex> 0 ||! v) {if (dsy.exists (str)) {ar = dsy.items [str]; pour (i = 0; i <ar.length; i ++) {Options [LONGUELLE] = nouvelle option (ar [i], ar [i]); } // end pour if (v) {Options [0] .Selected = true; }}} // end if v if (++ v <s.length) {change (v);}} // se terminer avec} var dsy = new dsy (); dsy.add ("0", ["beijing", "tianjin", "shanghai", "chongqing" Mongolia "," Liaoning "," Jilin "," Heilongjiang "," Jiangsu "," Zhejiang "," Anhui "," Fujian "," Jiangxi "," Shandong "," Heinan "," Hubei "," Hunan "," Guangdong "," g g "," Hubei "," Hunan "," Guangdong "," G Uangxi "," Hainan "," Sichuan "," Guizhou "," Yunnan "," Yunnan "," Yunnan "," Yunnan "," Yunnan "," Tibet "," Shaanxi "," Gansu "," Qinghai " Kong "," Macao "," Province de Taiwan "]); dsy.add (" 0_0 ", [" Dongcheng District "," District de Xicheng "," District de Chongwen "," District de Xuanwu " "Tongzhou District", "Shunyi District", "Changping District", "Daxing District", "Huairou District", "Pinggu District", "Miyun County", "County Yanqing", "Yanqing Town"]); DSY.Add ("0_1", ["HEPING DISTRICT", "District Hedong", "District hexi", "District de Nankai", "District Hebei", "district de Hongqiao", "District de Tanggu", "district de Hangu", "District de Dagang", "District de Dongli" "Baodie District", "Ji County", "Ninghe County", "Lutai Town", "Jinghai County", "Jinghai Town"]); Dsy.Add ("0_2", ["Huangpu District", "District de Luwan" District "," Hongkou District "," Yangpu District "," Minhang District "," Baoding District "," Baoding District "," Baoding District "," District de Jinshan "," District de Songjiang "," County de CHONGPU "," Chengqiao "," District "," Chongming County "", "Chengqiao" Town"]);dsy.add("0_3",["Yuzhong District","Dadoukou District","Jiangbei District","Shapingba District","Jiulongpo District","Nan's District","Nan's District","Shapingba District","Jiulongpo District","Nan's District","Nan's District","Nan's District","Fuling District "," Qianjiang District "," Changshou District "," Hechuan City "," Yongchuan City "," Jijin City "," Nanchuan City "," County de Qijiang "," comté de Tongnan " Comté "," comté de Fengdu "," comté de Chengkou "," comté de Liangping "," comté de Kai "," comté de Wuxi "," comté de Wushan "," comté de Fengjie "," comté de Yunyang "," comté de Zhong " COMTÉ "," Xiushan Tujia Miao County autonome "]); dsy.add (" 0_4 ", [" Shijiazhuang City "," City de Zhangjiakou "," City City "," Qinhuangdao City "," Tangshan City "City", "Langfang City", "Baoding City", "Hengshui City", "CANGZUD", "Baoding City" "," Hengshuiy City "," CANGZU "," CANGUS City","Xingtai City","Handan City"]);dsy.add("0_5",["Taiyuan City","Shuozhou City","Datong City","Yangquan City","Changzhi City","Jin City","Xinzhou City","Jinzhong City","Linfen City","Luliang City","Yun City "]); dsy.add (" 0_6 ", [" Hohhot City "," Baotou City "," Wuhai City "," Chifeng City "," Tongliao City "," Hurundai City "," Ordos City "," Ulanqab City "," Bayanrur City " Ligue "]); dsy.add (" 0_7 ", [" Shenyang City "," Chaoyang City "," Fuxin City "," Téling City "," Fushun City "," Benxi City "," Liaoyang City "," Anshan City "," Dandong City "," Dalian City "," Yingkou City "," Panjin City "," Jinzh "," Yingkou City "," Panjin City "," Jinzh " City "," Huludao City "]); dsy.add (" 0_8 ", [" Changchun City "," Baicheng City "," Songyuan City "," Jilin City "," Siping City "," Liaoyuan City "," Tonghua City "," Baishan City "," Yanbian ", Tonghua City", "Baishan City", "Yanbian" Préfecture "]); dsy.add (" 0_9 ", [" Harbin City "," Qiqihar City "," Qitaihe City "," Heihe City "," Daqing City "," Hegang City "," Yichun City "," Jiamu City "," Shuangyashan City "," Jixi City "," Mudanjiang City "," Suuhua " Ville "," Daxinganling Area "]); dsy.add (" 0_10 ", [" nanjing "," xuzhou "," lianyungang "," suqian "," hui'an "," yanzhou "," yangzhou "," Taizhou "," Nantong "," Zhenjiang "," Changzhou "," Wuxi "," Suzhou "]]); dsy.add (" 0_11 ", [" Hangzhou "," Huzhou "," Jiaxing "," Zousehan "," Ningbo "," Shaoxing "," Quzhou "," Jinhua "," Taizhou "," Wenzhou ", "Lisui"]); dsy.add ("0_12", ["hefei", "suzhou", "huaibei", "bozhou", "fuyang", "bengbu", "huainan", "Chuzhou City", "Ma'anshan City", "Wuhu City", "Tongling City", "Anqing City", "Huangshan City", "Lu'an City", "Dsy.Add (" 0_13 "," "Fuzhou City", "Nanping City", "0_13", ["Fuzhou City" " "Sanming City", "Quanzhou City", "Xiamen City", "Zhangzhou City", "Longyan City", "Ningde City"]);dsy.add("0_14",["Nanchang City", "Jiangde City", "Jingdezhen City", "Yingtan City", "Xinyu City", "Pingxiang City", "Ganzhou City", "Shangrao City", "Fuzhou City", "Yichun City", "Jian City"]); dsy.add ("0_15", ["Jinan City", "Qingdao City", "Liaocheng City", "Dezhou City" City "," Rizhao City "," Linyi City "," Zaozhuang City "," Jining City "," Tai'an City "," Laiwu City "," Binzhou City "," Heze City "]); Dsy.Add (" 0_16 ", [" Zhengzhou City "," Kaifeng City "," Sanmenxia City "" Luoy, "Kaifeng City", "Sanmenxia City", "LuoGy "Jiazuo City", "Xinxiang City", "Hebi City", "Anyang City", "Puyang City", "Shangqiu City", "City de Xuchang", "Luohe City", "Pingdingshan City", "Zhoukou City", "Zhumadian City", "Jiyuan" City "]); dsy.add (" 0_17 ", [" Wuhan City "," Shiyan City "," Xiangfan City "," Jingmen City "," Xiaogan City "," Huanggang City " "Unité administrative de niveau provincial", "préfecture enshi"]); dsy.add ("0_18", ["Changsha City", "Zhangjiajie City", "Changde City", "Yiyang City", "Yueyang City", "Zhuzhou City", "Xiangtan City", "Chenzhou City" City, "Yongt" "Shaoyang City", "Huaihua City", "Loudi City", "Xiangxi Prefecture"]);dsy.add("0_19",["Guangzhou City", "Shenzhen City", "Qingyuan City", "Shaoguan City", "Heyuan City", "Mei Zhou City", "Chaozhou City", "Shantou City "," Jieyang City "," Shanwei City "," Huizhou City "," Dongguan City "," Zhuhai City "," Zhongshan City "," Jiangmen City "," Foshan City "," Maoming City "," Zhanjang City "]); dsy.add (" 0_20 ", [" Nanning City "," Guilin City "," Liuzhou City "," Wuzhou City "," Guigang City "," Yulin City "," Yulin City "," CHONGZUO CITY "," Baise City "," Baise City "," Chongzuo City "," Baise City "," Hchi City "," CHONGZUOT "Laibin City", "Hezhou City"]); dsy.add ("0_21", ["Haikou City", "Sanya City", "Provincial Administrative Unit"]); Dsy.Add ("0_21", ["Haikou City", "Sanya City", "Unit administratif provincial"]); Dsy. add("0_22",["Chengdu City","Guangyuan City","Mianyang City","Deyang City","Nanchong City","Guang'an City","Suining City","Neijiang City","Leshan City","Zigong City","Luzhou City","Yibin City","Panzhihua City","Bazhong City "," Dazhou City "," Ziyang City "," Meishan City "," Ya'an City "," Aba City "," Ganzi City "," Liu Panshui City "," Zunyi City "," Anshun City "," Bijie District "," Tongren District " Préfecture "]); dsy.add (" 0_24 ", [" Kunming City "," Qujing City "," Yuxi City "," Baoshan City "," City de Zhaotong "," Dehong City "," Nujiang City "," Diqing City "," Dali City "," Daiqing "" "Diqing", "Dali City", "Daiqing" " City "," Chuxiong City "," Honghe City "," Wenshan City "," Xishuangbanna City "]); dsy.add (" 0_25 ", [" Lhasa City "," Naqu Area "," Changdu Area "," Ali Linzhi "," Shannan Area "," Shigatse Area "," Ali Linzhi zone "]); dsy.add (" 0_26 ", [" xi'an ville "," Yan'an City "," Tongchuan City "," Weinan City "," Xianyang City "," Baoji City "," City Hanzhong "]; Dsy.add.add.add. ("0_27",["Lanzhou City","Jiayuguan City","Baiyin City","Tianshui City","Wuwei City","Jiuquan City","Zhangye City","Qingyang City","Pingliang City","Dingxi City","Longnan City","Linxia City","Gannan City "]); dsy.add (" 0_28 ", [" Xining City "," District Haidong "," Prefecture Haibei "," Prefecture Hainan "," Préfecture Huangnan ". City","Shizuishan City","Wuzhong City","Guyuan City"Zhongwei City"]);dsy.add("0_30",["Urumqi City","Karamay City","Autonomous Region Direct Administrative units at the county level", "Kashgar region", "Aksu region", "Hotan region", "Turpan region", "Hami region", "Kizilsuke Prefecture", "Bortala Prefecture", "Changji Prefecture", "Bainguoleng Prefecture", "Ili Prefecture", "Tacheng Prefecture", "Altay Region"]); Dsy.Add ("0_31", ["Hong Kong Special Administrative Special Région "]); dsy.add (" 0_32 ", [" Macao Special Administrative Region "]); dsy.add (" 0_33 ", [" Taipei "," Taichung "," Hudi "," Keilung "," Chiayi "," Lianjiang " "Tainan", Taoyuan "," Hsinchu "," Yilan "," Yunlin "," Changhua "]); dsy.add (" 0 ", [" Beijing "," Tianjin "," Shanghai "," Chongqing "," Hebei "," Shanxi "," Inner Mongolia "," liaoning "," "" Jiangs "" "Jiangsu", "zhejiang", "anhui", "fujian", "jiangxi", "shandong", "heinan", "hubei", "hunan", "guangdong" "Shaanxi", "Gansu", "Qinghai", "Ningxia", "Xinjiang", "Hong Kong", "Macao", "Province de Taiwan"]); var S = ["S_Province", "S_City"]; // le nom de la ville de trois sélections " _init_area () {// Fonction d'initialisation pour (i = 0; i <s.Length-1; i ++) {document.getElementyid (s [i]). onchange = new function ("change (" + (i + 1) + ")"); } change (0);}Pièce de code HTML:
<A-Head> <Meta Http-Equiv = "Content-Type" Content = "Text / HTML; charSet = UTF-8" /> <Title> Linkage national de deuxième niveau </ Title> <Style Type = "Text / CSS"> Body {Background: #eeeee; Margin: 0; rembourrage: 0; Font-Family: "Microsoft Yahei", Arial, Helvetica, Sans-Serif; } a {couleur: # 006600; text-décoration: aucun;} a: hover {couleur: # 990000;}. top {margin: 5px auto; Couleur: # 990000; Text-Align: Center;}. Info Select {Border: 1PX # 993300 solide; Contexte: #fffff;}. info {margin: 5px; Text-Align: Center;}. info #show {couleur: # 3399ff; } .bottom {Text-Align: à droite; taille de police: 12px; Couleur: #cccc; Largeur: 1000px;} </ style> </ head> <body> <div> <h1> Lien national de deuxième niveau </h1> </div> <div> <v> <select id = "s_province" name = "s_province"> </lect> </ select Type = "Text / Javascript"> </ Script> <Script Type = "Text / JavaScript"> _ Init_Area (); </Script> </div> </div> </odody> </html>Ce qui précède concerne cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde.