Contoh ini membagikan kode spesifik untuk JS untuk mengimplementasikan menu drop-down tautan sekunder untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Bagian Kode JS:
/** Linkage Kota tingkat kedua Nasional Versi JS*/function dsy () {this.items = {};} dsy.prototype.add = function (id, iArray) {this.items [id] = iArray;} dsy.prototype.exists = function (id) {if (typeof (this. return true;} function change (v) {var str = "0"; untuk (i = 0; i <v; i ++) {str+= ("_"+(document.getElementById (s [i]). SelectedIndex-1)); }; var ss = document.geteLementById (s [v]); dengan (ss) {length = 0; opsi [0] = opsi baru (opt0 [v], opt0 [v]); if (v && document.geteLementById (s [v-1]). SelectedIndex> 0 ||! v) {if (dsy.exists (str)) {ar = dsy.items [str]; untuk (i = 0; i <ar.length; i ++) {option [length] = opsi baru (ar [i], ar [i]); } // end untuk if (v) {options [0] .dilected = 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 "," hubei "," hubei "," hunan "," guangdong "," guinan "," hubei "," hunan "," guangdong "", "guinan", "hubei", "hunan", "guangdong" "" G uangxi","Hainan","Sichuan","Guizhou","Yunnan","Yunnan","Yunnan","Yunnan","Yunnan","Tibet","Shaanxi","Gansu","Qinghai","Ningxia","Xinxia","Hong Kong "," Macao "," Provinsi Taiwan "]); Dsy.add (" 0_0 ", [" Distrik Dongcheng "," Distrik Xicheng "," Distrik Chongwen "," Distrik Xuanwu, "Distrik Longan", "Distrik Fengtai," Distrik Tatoughan "," Distrik Tiroughan "," Distrik Tiroughan "," Haidian "," Distrik Tiroughan "," Haidian "," Haidian "," Distrik Tato. Distrik "," distrik Shunyi "," Distrik Changping "," Distrik Daxing "," Distrik Huairou "," Distrik Pinggu "," Kabupaten Miyun "," Kabupaten Yanqing "," Kota Yanqing "]); DSY.ADD ("0_1", ["Distrik Heping", "Distrik Hedong", "Distrik Hexi", "Distrik Nankai", "Distrik Hebei", "Distrik Hongqiao", "Distrik Tangu", "Distrik Hangu", "Distrik Dagang", "Distrik Dongli", "Xiqing", "Jinnan" Dagang "Distrik Dongli", "Xiqing", "Jinnan" Jinnan "Dagang", "Xiqing", "Jinnan" Jinnan "Dagang Distrik", "Xiqing", "Xiqing", "Distrik Baodie", "Kabupaten Ji", "Kabupaten Ninghe", "Kota Lutai", "Kabupaten Jinghai", "Kota Jinghai"]); dsy.add ("0_2", ["distrik Huangpu", "distrik Luwan," distrik ZuHui "," Distrik Zangpu "," Zinga "," Distrik Luwan "," ZuHUI "," Distrik "Luwan", "Zangno", "Zangno", "Distrik Luwan", "Zangno", " Distrik "," Distrik Hongkou "," Distrik Yangpu "," Distrik Minhang "," Distrik Baoding "," Distrik Baoding "," Distrik Baoding "," Distrik Jinshan "," Distrik Songjiang "," Distrik Qingpu "," Distrik Nanhui "," distrik Fengxian "," Chongming "," Distrik Nanhui "," Chongming "Chongming", "Chongming" Chong. " Kota "]); dsy.add (" 0_3 ", [" distrik Yuzhong "," distrik Dadoukou "," distrik Jiangbei "," distrik Shapingba "," distrik Jiulongpo "," distrik nan "," distrik nan "," distrik shapingba "," jiulongpo "nana" nan "," nana, "jiulongpo," nana, "jiulongpo," jiulongpo "nan nan" Distrik "," distrik yang memfulir "," distrik Qianjiang "," Distrik Changshou "," Kota Hechuan "," Kota Yongchuan "," Kota Jijin "," Kota Nanchuan "," Kabupaten Qijiang "," Kabupaten Tongnan "," Kabupaten Tongliang "," Kabupaus Dazu "," Rongchang "," Rongchang "," Rongchang County "," Rongchang "," Rongchang "," Rongchang County "," Rongchang "," Rongchang "," Rongchang, "Rongchang County", "Rongchang", County "," Fengdu County "," Chengkou County "," Kabupaten Liangping "," Kabupaten Kai "," Kabupaten Wuxi "," Wilayah Wushan "," Kabupaten Fengjie "," Kabupaten Yunyang "," Zhong County "," Kabupaten Otonomi Tujia Tujia "," Pengshui Miao Tujia Tujia "," Pengshui Miao Miao Miao Tujia "," Pengshui Miao Miao Miao Tujia " County "," xiushan tujia miao county otonom "]); dsy.add (" 0_4 ", [" Kota Shijiazhuang "," Kota Zhangjiakou "," Kota Chengde "," Kota Kota Qinhuang "," Kota Tangshan "," Kota Langzz "" "" "Kota Langs" "" Langang "" "Langang" "" Langang Langshan "" Kota "," Kota Xingtai "," Kota Handan "]); Dsy.add (" 0_5 ", [" Kota Taiyuan "," Kota Shuozhou "," Kota Datong "," Kota Yangquan "," Kota Changzhi "," Kota Jin "," Kota Xinzu "" Jinzong "" Jinzong "" Jinzong "" Jinzong "" Jinzong "" Jinzu Linzu, "" Jinzu Linzu "" Kota "]); dsy.add (" 0_6 ", [" Kota Hohhot "," Kota Baotou "," Kota Wuhai "," Kota Chifeng "," Kota Tongliao "," Kota Hurundai "," Kota Ordos "," Kota Ulanqab "," Bayannur City "," Xing'an Liga "," Xing'an, "Xing'an," Xing'an, "Xing'an," Xing'an, "Xing'an," Xing'an, "Xing'an," Xing'an, "Xing'an," Xing', "Xing'an," Xing'an "," Xing'an, "Xing'an," Xing'an, Liga "]); dsy.add (" 0_7 ", [" Kota Shenyang "," Kota Chaoyang "," Kota Fuxin "," Kota Teling "," Kota Fushun "," Kota Benxi "," Kota Liaoyang "," Kota Anshan "," Kota Dandong "," Kota Dalian "," Yingkou Kota "," Dandong Kota "," Dalians "," Yingkou Kota Yingkou, "Yingkou," Dandong Kota "," Yingkou, "Kota Dalian," Dandong "," Yingkou, City"]);dsy.add("0_8",["Changchun City","Baicheng City","Songyuan City","Jilin City","Siping City","Liaoyuan City","Tonghua City","Baishan City","Yanbian Prefecture"]);dsy.add("0_9",["Harbin City","Qiqihar Kota "," Kota Qitaihe "," Kota Heihe "," Kota Daqing "," Kota Hegang "," Kota Yichun "," Kota Jiamusi "," Kota Shuangyashan "," Kota Jixi "," Kota Mudanjiang "," Kota Suihua "," Daerah Daxinganling "Mudanjiang", "SUIHUA CITY", "Daxinganling Daentingling", "Daihua", "Daxinganling Daenting", "Kota Doxinginging", "Daihua", "Daaksinganling", "Daakspinginging "]); 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", "Kota Chuzhou", "Kota Ma'anshan", "Kota Wuhu", "Kota Tongling", "Kota Anqing", "Kota Huangshan", "Kota Lu'an", "Kota Chaohu", "Kota Chizhou," Kota Xuan "]); Dsy.add (" 0_13, "" Kota Bu, "" 0_13 "," "0_13," "0_13," "0_13," "0_13," "0_13", "" 0_13 "," "0_13", "0_13, Kota "," Kota Quanzhou "," Kota Xiamen "," Kota Zhangzhou "," Kota Longyan "," Kota Ningde "]); dsy.add (" 0_14 ", [" Kota Nanchang "," Kota Jiangde "," Jingdezhen City "," "Yingtan City", "Jiangtan City", "JIANGDE CITY", "" Yingtan City "," Jiangtan City "," Jiangtan City "," Jiangtan "," Jiangtan City "," Jiangtan "," JIANGDE "," JIANGDE ", Kota "," Kota Shangrao "," Kota Fuzhou "," Kota Yichun "," Kota Jian "]); Dsy.add (" 0_15 ", [" Kota Jinan "," Kota Qingdao "," Kota Liaocheng "," Kota Weifu "," Kota Dongying "," Zibo City "," "Zibo City", "Kota Weifou," Dongying Kota "," Zibo "," "Zibo", "" Zibo Kota "," Zibo "," "Zibo", "" Zibo "," "Zibo City", "DEZHOU CITY", "DEZHOU DEZHOU", "Kota Rizhao", "Kota Linyi", "Kota Zaozhuang", "Kota Jining", "Kota Tai'an", "Kota Laiwu", "Kota Binzhou", "Kota Heze"]); Kota Dsy. "Kota Sanam," "Kota Sanixa", "Kota Zhengzu", "Kota Kaifeng", "Kota Kaixi", "Kota Kaixi", "Kota Sanixa", "Kota Kota", "Kota Kota," Kota Sani. " "Kota Jiazuo", "Kota Xinxiang", "Kota Hebi", "Kota Anyang", "Kota Puyang", "Kota Shangqiu", "Kota Xuchang", "Kota Luohe", "Kota Pingdingshan", "Kota Nanyang", "Kota Xinyang", "Kota Xinyang" Zhou, "Zhou," Kota Zyang, "Zhou," Zhou, "ZhoU," ZHUMU LUTIUK "," Kota Xinyang, "ZHUMU," ZHOU, "Kota Xinyang," ZHUMU LUYANG "," ZHOU, "Xinyang," Xinyang, "Xinyang," ZHOU, "Kota XinyANG Kota "]); dsy.add (" 0_17 ", [" Kota Wuhan "," Kota Shiyan "," Kota Xiangfan "," Kota Jingmen "," Kota Xiaogan "," Kota Huanggang "," Kota Ezhou "," Kota Huangshi "," Kota Xianing "," Jingz Ezhou "," Kota Huangshi "," Kota Xianning "," Jingz Jingz "," Kota Jingz "," Kota Jing "," Kota Jinging "," Kota Jinging "," Kota Jinging "," Kota Jinging "," Kota Jinging "," Kota Jing "," Kota Jinging "," Kota Jing "," Kota Jing "," Kota Jing "," Kota Jing "," Kota. "Unit Administratif Tingkat Provinsi", "Prefektur Enshi"]); dsy.add ("0_18", ["Changsha City", "Kota Zhangjajie", "Kota Changde", "Kota Yiyang", "Kota Yueyang", "Zhuzhou City", "Xiangtan" "Kota Yueyang", "Xiangtan" "Kota Zhuzhou," "Xiangtan" "Xiangtan" Kota "," Kota Huaihua "," Kota Loudi "," Prefektur Xiangxi "]); Dsy.add (" 0_19 ", [" Kota Guangzhou "," Kota Shenzhen "," Kota Qingyuan "," Kota Shaoguan "," Kota Heyuan "," Mei ZHouan "," Kota Shaoguan "," Kota Heyuan "," Mei Zhou "Kota Shaoguan", "Kota Heyuan", "Mei Zhou" Kota Shaoguan "," Kota Heyuan "," Mei Zhou, "" Kota Shaoguan "," Kota Heyuan "," Kota Mei. Kota "," Kota Shanwei "," Kota Huizhou "," Kota Dongguan "," Kota Zhuhai "," Kota Zhongshan "," Kota Jiangmen "," Kota Foshan "," Kota Zhaoqing "," Kota Yunfu "," Kota Yangjiang "," Kota Maoming "," Maoming "," Maoming "," Maoming City "," Maoming "," Maoming City "," Maoming "," Maoming City "," Maoming "," Maoming City "," Maoming City "," Maoming "," Maoming "," Maoming City "," YUNFU CITY "," YUNFU CITY "," YUNFU CITY "," YUNFU KOTA ", Kota "]); dsy.add (" 0_20 ", [" Kota Nanning "," Kota Guilin "," Kota Liuzhou "," Kota Wuzhou "," Kota Guigang "," Kota Yulin "," Kota Yulin "," Kota Qinzhou, "Kota Beihai", "Kota Fangchang", "Kota Fangchang", "Kota Qinzhou," BeiHai "," FANGCHIGANG "," Kota Kota Fangchang "," FANGCHIGUN "," FANGCHIGUN CITY "," FANGCHIGUN CITY "" Kota "," Kota Laibin "," Kota Hezhou "]); Dsy.add (" 0_21 ", [" Kota Haikou "," Kota Sanya "," Unit Administratif Provinsi "]); Dsy.Add (" 0_21 ", [" Haikou City "," SANYA CITY "," UNIT DISIMINORIR "AKURIKASI". Tambahkan ("0_22", ["Kota Chengdu", "Kota Guangyuan", "Kota Mianyang", "Kota Deyang", "Kota Nanchong", "Kota Guang'an", "Kota Suining", "Kota Bihaz" Kota Leshan "," Zigong City "," Luzhou, "Kota Luzhou," Luzhou, "Kota Luzhou," Luzhou, "Luzhou," Luzhou, "Luzhou," Luzhou, "Luzhou," Luzhou, "Luzhou," Luzhou, Kota "," Kota Dazhou "," Kota Ziyang "," Kota Meishan "," Kota Ya'an "," Kota Aba "," Kota Ganzi "," Kota Liu Panshui "," Kota Zunyi "," Kota Anshun "," Distrik Bijie "," distrik tongren "," Qiandongnan "," Qianxx "Distrik" Tongren "," Qiadongnan, "Qiadongnan," Qiadongnan, "Qiadongnan," Qiadongnan, "Qiadongnan," Qiadongnan, "Qiadongnan," Qiadongnan "Qianx", Prefektur "]); dsy.add (" 0_24 ", [" Kota Kunming "," Kota Qujing "," Kota Yuxi "," Kota Baoshan "," Kota Zhaotong "," Kota Lijiang "," Kota Simao "," Kota Lincang "," Dehong City "," "NUJIANG", "Kota Dehong Dehong", "NUJIANG", "NUJIANG", "NUJIANG", "NUJIANG DEHONG DEHONG", "NUJIANG DEHONG" DEHONG Dehong Kota "," Kota Chuxiong "," Kota Honghe "," Kota Wenshan "," Kota Xishuangbanna "]); Dsy.add (" 0_25 ", [" Kota Lhasa "," Area Naqu "," Area Changdu "," Area Linzhi "," Area Shannan ",", "Shigatse", "Area Linzhi", "Shannan Area", ",", ",", "Shigatse Area Shannan", "Shigatse", "Shigatse", "Shigatse", "Shigatse", "Shannan Area", "Shannan Area", "Shannan Area", "Shannan Area", "Shannan Area", "Shannan Area", "Shannan", "Shannan", Area "]); dsy.add (" 0_26 ", [" Kota Xi'an "," Kota Yan'an "," Kota Tongchuan "," Kota Weinan "," Kota Xianyang "," Kota Baoji "," Kota Hanzhong "," Kota Yulin "," Kota Ankan "," Shangl Shangl. " ("0_27", ["Kota Lanzhou", "Kota Jiayuguan", "Kota Baiyin", "Kota Tianshui", "Kota Wuwei", "Kota Jiuquan", "Kota Zhangye", "Kota Liniang", "Kota Pingliang", "Dingxi", "Kota Liniang", "Dingxi", "Dingxi", "Dingxi," Kota Liniang "," Dingxi ", City "]); dsy.add (" 0_28 ", [" Xining City "," Distrik Haidong "," Prefektur Haii "," Prefektur Hainan "," Prefektur Huangnan "," Prefektur Goluo "," Prefektur Yushu "," Haixi Prefektur "]; Dsy.add (" 0_29, "haixi prefektur"); DSY.ADD ("0_29" "0_" "haixi"); DSY.ADD ("0_29" "Haixi (" DSY.ADD ("0_29 (" 0_29 ("0_29 (" 0_29, "Haixi" " 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", "Prefektur Bortala", "Prefektur Changji", "Prefektur Bainguoleng", "Prefektur Ili", "Prefektur Tacheng", "Wilayah Altay"]); Dsy.add ("0_31", ["Wilayah Administrasi Khusus Hong Kong"]; DSY.ADD ("0_32", ["MacAO KHUSUS KHUSUS" Wilayah "]); dsy.add (" 0_33 ", [" taipei "," taichung "," huali "," keilung "," chiayi "," lianjiang "," miaoli "," nantou "," penghu "," pingtung "," taitung "," taainch "," tau "" "Yunlin", "Changhua"]); dsy.add ("0", ["Beijing", "Tianjin", "Shanghai", "Chongqing", "Hebei", "Shanxi", "Anynu Mongolia", "Liaoning", "Jiangsu" "," Jiangsu "", "Jiangsu" "" Jiangsu "" "Jiangsu" "" Jiangsu "" "" "" " "Fujian", "Jiangxi", "Shandong", "Heinan", "Hubei", "Hunan", "Guangdong", "Guangxi", "Hainan", "Sichuan", "Guizhou", "Yunnan", "Yunnan", "Tibet", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", "Tibeti", " "Ningxia", "Xinjiang", "Hong Kong", "Macao", "Provinsi Taiwan"]); var S = ["S_Province", "S_City"]; // The Namevar dari Tiga Pilihan Opt0 = ["Provinsi", "Kota Level Prefektur"];//Fungsi Nilai Awal {Fungsi {Nilai Prefektur "Fungsi {(" Fungsi Prefektur "]; untuk (i = 0; i <s.length-1; i ++) {document.geteLementById (s [i]). onchange = fungsi baru ("ubah ("+(i+1)+")"); } ubah (0);}Bagian Kode HTML:
<head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> tautan tingkat kedua nasional </iteme> <style type = "text/css"> body {latar belakang: #eeeeee; margin: 0; Padding: 0; Font-Family: "Microsoft Yahei", Arial, Helvetica, Sans-Serif; } a {color:#006600; Text-Decoration: None;} A: Hover {Color:#990000;}. Top {Margin: 5px Auto; Warna:#990000; Text-Align: center;}. Info pilih {border: 1px #993300 solid; latar belakang: #fffff;}. Info {margin: 5px; Text-Align: center;}. Info #show {Color: #3399ff; } .bottom {text-align: benar; font-size: 12px; Warna: #CCCC; Lebar: 1000px;} </style> </head> <body> <div> <h1> Tautan tingkat kedua nasional </h1> </div> <viv> <vev> <pilih id = "s_province" name = "s_province"> </pilih> <pilih id = "s_city" name = "s_city"> </pilih> <pilih id = "s_city" name = "s_city"> type = "text/javaScript"> </script> <script type = "text/javascript"> _ init_area (); </script> </div> </div> </body> </html>Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.