Este exemplo compartilha o código específico para o JS implementar o menu suspenso secundário de links para sua referência. O conteúdo específico é o seguinte
JS Código Parte:
/** Nacional de ligação JS de ligação da cidade de segundo nível*/function dsy () {this.items = {};} dsy.prototype.add = function (id, iarray) {this.items [id] = iarray;} dsy.protySys = function (id) {if (typeof (typeof (typeof (typeof); return true;} alteração da função (v) {var str = "0"; for (i = 0; i <v; i ++) {str+= ("_"+(document.getElementById (s [i]). SelectedIndex-1)); }; var ss = document.getElementById (s [v]); com (ss) {comprimento = 0; opções [0] = nova opção (opt0 [v], opt0 [v]); if (v && document.getElementById (s [v-1]). SelectedIndex> 0 ||! v) {if (dsy.exists (str)) {ar = dsy.items [str]; for (i = 0; i <ar.length; i ++) {options [comprimento] = nova opção (ar [i], ar [i]); } // termina para if (v) {options [0] .Selected = true; } } }//end if v if(++v<s.length){change(v);} }//End with}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 "," Hubi "," Hunan "," Guangnong "," Gert "," Gert Uangxi "," Hainan "," Sichuan "," Guizhou "," Yunnan "," Yunnan "," Yunnan "," Yunnan "," Yunnan "," Tibet "," Shaanxi "," Gansu "," qinghai "," Hingxia ", Xinxia," xinon "," shaanxi "," gansu "," qinghai "," hingxia "," xinonia "," shaanxi "," gansu "," qinghai " Kong "," Macau "," Província de Taiwan "]); "Distrito de Tongzhou", "Distrito Shunyi", "Distrito de Changping", "Distrito de Daxing", "Distrito de Huairou", "Distrito de Pinggu", "Condado de Miyun", "Condado de Yanqing", "Yanqing Town"]); dsy.add("0_1",["Heping District", "Hedong District", "Hexi District", "Nankai District", "Hebei District", "Hongqiao District", "Tanggu District", "Hangu District", "Dagang District", "Dongli District", "Xiqing District", "Jinnan District", "Beichen District", "Wuqing District", Distrito de Baodie, "Ji County", "Ninghe County", "Lutai Town", "Jinghai County", "Jinghai Town"]); Distrito "," distrito de Hongkou "," distrito de Yangpu "," distrito de Minhang "," distrito de Baoding "," distrito de baoding "," distrito de baoding "," jinshan "," distrito de Songjiang "," distrito de Qingpu "," distrito de nnhui "," distrito de fengxian "", "Chongpu", "distrito de nnhui", "fengxian" "", "Chongpu District," nnhui distrital "," fengxian distrito "", "Chongpu", "distrito de nannhui", "distrito de fengxian" "," Chongpu "," distrito nnhui "," fengxian "", "Chongping" 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","Qijiang County","Tongnan County","Tongliang County","Dazu County","Rongchang County","Bishan County","Dianjiang County","Wulong County","Fengdu County","Chengkou County","Liangping County","Kai County","Wuxi County","Wushan County","Fengjie County","Yunyang County","Zhong County","Shizhu Tujia Autonomous County","Pengshui Miao Tujia Autonomous County","Youyang Tujia Miao Autonomous Condado "," Xiushan Tujia Miao Autonomous County "]); 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","Bayannur City","Xing'an League","Xilingol League","Alxa League "]); dsy.add (" 0_7 ", [" Shenyang City "," Chaoyang City "," Fuxin City "," Teling City "," Fushun City "," Benxi City "," Liaoyang City "," Anshan City "," Cidade da cidade "," Dalian City "," Yingkou "," Yingkou "," Anshan City "," Cidade da cidade "," Dalian City "," Yingkou " City "," Huludao City "]); City","Qiqihar City","Qitaihe City","Heihe City","Daqing City","Hegang City","Yichun City","Jiamusi City","Shuangyashan City","Jixi City","Mudanjiang City","Suihua City","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 "," Zhoushan "," Ningbo "," Shaoxing "," Quzhou "," Jinhua "," Taizhou "," Wenzhou ", "Lishui"]); dsy.add ("0_12", ["hefei", "suzhou", "huaibei", "bozhou", "fuyang", "bengbu", "huainan", Cidade de Chuzhou, "Ma'anshan City", "Wuhu City", "Tongling City", "Anqing City", "Huangshan City", "Lu'an City", "Chaohu City," Chizhou City "," Xuan City "); "Cidade do Sanming", "Quanzhou City", "Xiamen City", "Zhangzhou City", "Longyan City", "Ningde City"]); Cidade de Ganzhou, "Shangrao City", "Fuzhou City", "Yichun City", "Jian 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", Cidade Suizhou "," Unidade administrativa de nível provincial "," Prefeitura Enshi "]); Cidade de Yongzhou, "Shaoyang City", "Huaihua City", "Loudi City", "Xiangxi Prefeiture"]); 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 City "," Laibin City "," Hezhou City "]); 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","Qiandongnan Prefecture","Qianxi Prefecture","Qianxi 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 City "," Chuxiong City "," Honghe City "," Wenshan City "," Xishuangbanna City "]); area"]);dsy.add("0_26",["Xi'an city","Yan'an city","Tongchuan city","Weinan city","Xianyang city","Baoji city","Hanzhong city","Yulin city","Ankang city","Shangluo city"]);dsy.add ("0_27", ["Lanzhou City", "Jiayuguan City", "Baiyin City", "Tianshui City", "Wuwei City", "JiUquan City", "Zhangye City", "City" Longyang "Longliang" "," Dingxi "," City "Longyang," Longliang "", "Dingxi" City"]);dsy.add("0_28",["Xining City","Haidong District","Haibei Prefecture","Hainan Prefecture","Huangnan Prefecture","Goluo Prefecture","Yushu Prefecture","Haixi Prefecture"]);dsy.add("0_29",["Yinchuan City "," Shizuishan City "," Wuzhong City "," Guyuan City "Zhongwei City"]); Prefeitura de "Kizilsuke", "Prefeitura de Bortala", "Prefeitura Changji", "Prefeitura de Baguoleng", "Prefeitura de Ili", "Prefeitura de Tacheng", "Região Altay"); Região DSY.Add ("0_S31", ["Hong Kong Kong Administrative Region"]); Region"]);dsy.add("0_33",["Taipei", "Taichung", "Huali", "Keilung", "Chiayi", "Lianjiang", "Miaoli", "Nantou", "Penghu", "Pingtung", "Taitung", "Tainan", Taoyuan", "Hsinchu", "Yilan", "Yunlin", "Changhua"]); "Fujian", "Jiangxi", "Shandong", "Heinan", "Hubei", "Hunan", "Guangdong", "Guangxi", "Hainan", "Sichuan", "Guizhou", "Yunnan", "Yunnan", "Tibet", "Shaanxi", "Gansu", "Qinghai", "Ningxia", "Xinjiang", "Hong Kong", "Macau", "Província de Taiwan"]); var s = ["S_Province", "S_City"]; // o NameVar de Três Selecções Opt0 = ["Província", "Prefeitura de Cidade/// // for (i = 0; i <S.Length-1; i ++) {document.getElementById (S [i]). OnChange = new Função ("Alterar ("+(i+1)+")"); } alteração (0);}Parte do código HTML:
<head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> Link de segundo nível nacional </ititle> <style type = "text/css"> corpo {background: #eeee; margem: 0; preenchimento: 0; Fonte-família: "Microsoft Yahei", Arial, Helvetica, Sans-Serif; } a {color:#006600; Decoração de texto: nenhuma;} a: hover {color:#990000;}. top {margin: 5px Auto; Cor:#990000; Text-align: Center;}. Informações Selecione {Border: 1px #993300 Solid; Antecedentes: #fffff;}. Info {margem: 5px; Text-align: Center;}. Info #show {color: #3399ff; } .bottom {text-align: certo; tamanho de fonte: 12px; Cor: #CCCC; largura: 1000px;} </style> </fabela> <body> <div> <h1> Linkage nacional de segundo nível </h1> </div> <div> <div> <select id = "s_province" name = "s_province"> </select> <select = "s_s" name = "s_idade" type = "text/javascript"> </script> <script type = "text/javascript"> _ init_area (); </script> </div> </div> </body> </html>O exposto acima é tudo sobre este artigo, espero que seja útil para o aprendizado de todos.