Este ejemplo comparte el código específico para JS para implementar el menú desplegable de enlace secundario para su referencia. El contenido específico es el siguiente
parte del código JS:
/** Linkage de la ciudad de segundo nivel nacional js versión*/function dsy () {this.items = {};} dsy.prototype.add = function (id, iarray) {this.items [id] = iarray;} dsy.prototype.exists = function (id) {if (typeOf (thipof (this.Items [id]) == ") return true;} cambio de función (v) {var str = "0"; for (i = 0; i <v; i ++) {str+= ("_"+(document.getElementById (s [i]). SelectedIndex-1)); }; var ss = document.getElementById (s [v]); con (ss) {longitud = 0; opciones [0] = nueva opción (Opt0 [v], opt0 [v]); if (v && document.getElementById (s [v-1]). selectedIndex> 0 ||! V) {if (dsy.exists (str)) {ar = dsy.items [str]; para (i = 0; i <ar.length; i ++) {opciones [longitud] = nueva opción (ar [i], ar [i]); } // finalizar para if (v) {opciones [0] .selected = true; }}} // finalizar si v if (++ v <s.length) {cambie (v);}} // finalizar con} var dsy = new dsy (); dsy.add ("0", ["Beijing", "Tianjin", "Shanghai", "ChonGqing", "Hebei", "shanxi", "inner Mongolia "," liaoning "," jilin "," heilongjiang "," jiangsu "," zhejiang "," anhui "," fujian "," jiangxi "," shandong "," heinan "," hubei "," hunan "," guangdong "," goza uangxi "," hainan "," sichuan "," guizhou "," yunnan "," yunnan "," yunnan "," yunnan "," yunnan "," tibet "," shaanxi "," gansu "," qinghai "," ningxia "," xinxia "," hong "hong" Kong","Macao","Taiwan Province"]);dsy.add("0_0",["Dongcheng District"," Xicheng District", "Chongwen District", "Xuanwu District", "Chaoyang District", "Fengtai District", "Shijingshan District", "Haidian District", "Mentougou District", "Fangshan District", "Distrito Tongzhou", "Distrito Shunyi", "Distrito Changing", "Distrito Daxing", "Distrito de Huairou", "Distrito Pinggu", "Condado de Miyun", "Condado de Yanqing", "Town Yanqing Town"]); dsy.add ("0_1", ["Distrito Hing", "Distrito de Hedong", "Distrito Hexi", "Distrito de Nankai", "Distrito de Hebei", "Distrito de Distrito de Dagang" Distrito de Dagang "," Distrito Distrito de Dagang ". "Baodie District", "Ji County", "Ninghe County", "Lutai Town", "Jinghai County", "Jinghai Town "]);dsy.add("0_2",["Huangpu District","Luwan District","Xuhui District","Changning District","Jing'an District","Putuo District","Zhabei Distrito "," Distrito de Hongkou "," Distrito Yangpu "," Distrito de Minhang "," Distrito Baoding "," Distrito Baoding "," Distrito Baoding "," Distrito Jinshan "," Distrito Songjiang "," Distrito Qingpu "," Distrito Nanhui "," Distrito Fengxiano "," Condado de Chongming "," Chengqiaooo 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 Distrito "," Distrito de Qianjiang "," Distrito de Changshou "," Ciudad de Hechuan "," Ciudad de Yongchuan "," Ciudad de Jijin "," Ciudad de Nanchuan "," Condado de Qijiang "," Condado de Tongnan "," Condado de Tongliang "," Condado de Dazu "," Condado de Rongchang "," Condado de Bishan ",", "Dianjiang County", ",", ",", ",", "el condado de Rongchang", "Condado de Bishan", ",", "," Diang County ",", ",", ",", ",", ",", ",". Condado "," Condado de Fengdu "," Condado de Chengkou "," Condado de Liangping "," Condado de Kai "," Condado de Wuxi "," Condado de Wushan "," Condado de Fengjie "," Condado de Yunyang "," Condado de Zhong "," Condado autónomo de Shizhu Tujia "," ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ", suutónomo", ",", ",", ",", ",", ", usted", ",", ". County","Xiushan Tujia Miao Autonomous County"]);dsy.add("0_4",["Shijiazhuang City","Zhangjiakou City","Chengde City","Qinhuangdao City","Tangshan City","Langfang City","Baoding City" ,"Hengshui City","Cangzhou 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 Ciudad "]); dsy.add (" 0_6 ", [" Ciudad de Hohhot "," Ciudad de Baotou "," Ciudad de Wuhai "," Ciudad Chifeng "," Ciudad de Tongliao "," Ciudad Hurundai "," Ciudad de Ordos "," Ciudad Ulanqab "," Ciudad de Bayannur "," Liga de Xing'an "," Liga Xilingol "," Alxa Alxa "," Alxa City "," Ciudad de Bayannur "," Liga Xing "," Liga Xilingol "," Alxa Alxa "," Alxa de Alxa ". League"]);dsy.add("0_7",["Shenyang City","Chaoyang City","Fuxin City ","Teling City","Fushun City","Benxi City","Liaoyang City","Anshan City","Dandong City","Dalian City","Yingkou City","Panjin City","Jinzhou Ciudad "," Ciudad de Huludao "]); dsy.add (" 0_8 ", [" Ciudad de Changchun "," Baicheng City "," Songyuan City "," Jilin City "," Siping City "," Liaoyuan City "," Tonghua City "," Baishan City "," Yanbian Prefecture "); Dsy.add (" "" "," "", "" "," "," "", "", "", "" "," "", "", "" "," "". Ciudad "," Ciudad de Qiqihar "," Ciudad Qitaihe "," Ciudad de Heihe "," Ciudad Daqing "," Ciudad de Hegang "," Ciudad Yichun "," Ciudad de Jiamusi "," Ciudad de Shuangyashan "," Ciudad Jixi "," Ciudad de Mudanjiang "," Ciudad de Suihua ", Área Daxinganling "]); 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 "," Zhoushan "," Ningbo "," Shaoxing "," Quzhou "," Jinhua "," Taizhou "," Wenzhou ", "Lishui"]); dsy.add ("0_12", ["hefei", "suzhou", "huaibei", "bozhou", "fuyang", "bengbu", "huainan", "Ciudad de Chuzhou", "Ciudad de Ma'anshan", "Ciudad de Wuhu", "Tongling City", "Anqing City", "Huangshan City", "Lu'an City", "Chaohu City", "Chizhou City", "Ciudad Xuan"]); Dsy.add ("0_13" "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", "Dongying City", "Zibo City", "Weifang City", "Yantai City", "Weihai 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", "Luoyang City", "Jiazuo City", "Xinxiang City", "Hebi City", "Anyang City", "Puyang City", "Shangqiu City", "Xuchang City", "Luohe City", "Pingdingshan City", "Nanyang City", "Xinyang City", "Xinyang City", "Zhoukou City", "Zhumadian City", "Jiyuan City"]);dsy.add("0_17",[ "Wuhan City", "Shiyan City", "Xiangfan City", "Jingmen City", "Xiaogan City", "Huanggang City", "Ezhou City", "Huangshi City", "Xianning City", "Jingzhou City", "Yichang City", "Suizhou City", "Provincially-level administrative unit", "Enshi Prefecture"]);dsy.add("0_18",["Changsha City", "Zhangjiajie City", "Changde City", "Yiyang City", "Yueyang City", "Zhuzhou City", "Xiangtan City", "Chenzhou City", "Yongzhou City", "Shaoyang City", "Huaihua City", "Loudi City", "Xiangxi Prefecture"]); dsy.add ("0_19", ["Guangzhou City", "shenzhen City", "Qingyuan City", "Shaoguan City", "Heyuan City", "Mei City", ",", "," Ciudad de CHAYUAN ",", ",", ",", "," Ciudad de CHINGYUAN "," CIUDAD "," MEI CIUDEH "," CIUDAD "," MEI CIUDEH "," MEI CIUDA. City", "Shantou City", "Jieyang City", "Shanwei City", "Huizhou City", "Dongguan City", "Zhuhai City", "Zhongshan City", "Jiangmen City", "Foshan City", "Zhaoqing City", "Yunfu City", "Yangjiang City", "Maoming City", "Zhanjiang City"]);dsy.add("0_20",["Nanning City", "Guilin City", "Liuzhou City", "Wuzhou City", "Guigang City", "Yulin City", "Yulin City", "Qinzhou City", "Beihai City", "Fangchenggang City", "Chongzuo City", "Baise City", "Hechi Ciudad "," Laibin City "," Hezhou City "]); dsy.add (" 0_21 ", [" Ciudad de Haikou "," Ciudad de Sanya "," Unidad Administrativa Provincial "]); dsy.add (" 0_21 ", [" Ciudad de Haikou "," Ciudad de Sanya "," Unidad administrativa 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 Ciudad "," Ciudad de Dazhou "," Ciudad de Ziyang "," Ciudad Meishan "," Ciudad de Ya'an "," Ciudad de Aba "," Ciudad de Ganzi "," Ciudad de Liu Panshui "," Ciudad de Zunyi "," Anshun City "," Bijie District "," Distrito Tongren "," Qiandongnan Prefecture "," Qianxi Prefection "," Qianxi District "," Qianxi District "," Qiandongnan "," Qianxi Prefection "," Qianxi District "," Qianxi District "," Qiandongnan "," Qianxi Prefection Prefecture"]);dsy.add("0_24",["Kunming City","Qujing city","Yuxi city","Baoshan city","Zhaotong city","Lijiang city","Simao city","Lincang city","Dehong city","Nujiang city","Diqing city","Dali city","Daiqing Ciudad "," Ciudad de Chuxiong "," Honghe City "," Wenshan City "," Xishuangbanna City "]); dsy.add (" 0_25 ", [" Ciudad de Lhasa "," Área Naqu "," Área de Changdu "," Área de Linzhi "," Área Shannan "," Área de Shigatse "," Ali área "]); dsy.add (" 0_26 ", [" Ciudad Xi'an "," Ciudad de Yan'an "," Ciudad de Tongchuan "," Ciudad de Weinan "," Xianyang City "," Baoji City "," Hanzhong City "," Yulin City "," Ank City "," Shangluo City "); Dsy.add.add. ("0_27", ["Ciudad de Lanzhou", "Ciudad de Jiayugua", "Ciudad de Baiyin", "Ciudad de TiAnshui", "Ciudad de Wuwei", "Jiuquan City", "Ciudad de Zhangye", "Ciudad de Qingyang", "Ciudad de Pingliang", "Ciudad de Dingxi", "Longnan City", "Linxia City", "Gannan", "Ciudad de Gannan", "," Ciudad de Linxia ". Ciudad "]); dsy.add (" 0_28 ", [" Ciudad de Xining "," Distrito de Haidong "," Prefectura de Haibei "," Prefectura de Hainan "," Huangnan Prefecture "," GoluoO Ciudad "," Ciudad de Shizuishan "," Ciudad de Wuzhong "," Ciudad de Guyuan "Zhongwei City"]); dsy.add ("0_30", ["Urumqi City", "Karamay City", "Región autónoma unidades administrativas directas en el nivel del condado", "Kashgar "Prefectura de Kizilsuke", "Prefectura de Bortala", "Prefectura de Changji", "Prefectura de Bainguoleng", "Prefectura de Ili", "Prefectura de Tacheng", "Región Altay"]); DSY.Add ("0_31", ["Hong Kong Administrativa administrativa"]); Región "]); dsy.add (" 0_33 ", [" Taipei "," Taichung "," Huali "," Keilung "," Chiayi "," Lianjiang "," Miaoli "," Nantou "," Penghu "," Pingtung "," Taaitung "," Tainan ", Taoyu", "Penghu", "y", "y", "y", ",", ",", "y", "," y ",", ",", ",", ",", ". "Yunlin", "changhua"]); dsy.add ("0", ["beijing", "tianjin", "shanghai", "chongqing", "hebei", "shanxi", "mongolia interna", "liaoning", "jiangsu", "jiangsu", "zhejiang", ",", ",", "jejián", ",", ",", "jejiang", "", ",", ",", "zhejiang", ",", ",", ",", ",", ",". "Fujian", "Jiangxi", "Shandong", "Heinan", "Hubei", "Hunan", "Guangdong", "Guangxi", "Hainan", "Sichuan", "Guizhou", "Yunnan", "Yunnan", "Tibet", "Shaanxi", "Gansu", ",", "y" yunnan ". "" Ningxia "," xinjiang "," Hong kong "," macao "," provincia de taiwán "]); var s = [" s_province "," s_city "]; // el nombre de tres selecciona para (i = 0; i <s.length-1; i ++) {document.getElementById (s [i]). onChange = new function ("Change ("+(i+1)+")"); } cambio (0);}parte del código HTML:
<HEAD> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> Linkage nacional de segundo nivel </title> <style type = "text/css"> cuerpo {fondo: #eeeeeee; margen: 0; relleno: 0; Font-Family: "Microsoft Yahei", Arial, Helvetica, Sans-Serif; } a {color:#006600; TEXT-DECORACIÓN: Ninguno;} A: Hover {Color:#990000;}. Top {Margin: 5px Auto; Color:#990000; Text-Align: Center;}. Info Select {Border: 1px #993300 Solid; Antecedentes: #fffff;}. Info {margen: 5px; Text-Align: Center;}. Info #show {color: #3399ff; } .bottom {text-align: right; tamaño de fuente: 12px; Color: #CCCC; Ancho: 1000PX;} </style> </head> <body> <div> <h1> Linkage nacional de segundo nivel </h1> </div> <div> <div> <select id = "s_province" name = "s_province"> </select> <select id = "s_city" name = "s_city"> </select> <scrieg src = "área.Js" type = "text/javaScript"> </script> <script type = "text/javaScript"> _ init_area (); </script> </div> </div> </body> </html>Lo anterior se trata de este artículo, espero que sea útil para el aprendizaje de todos.