この例では、JSの特定のコードを共有して、参照用のセカンダリリンケージドロップダウンメニューを実装しています。特定のコンテンツは次のとおりです
JSコードパーツ：
/**全国の第2レベルの都市リンクJSバージョン*/function dsy（）{this.items = {};} dsy.prototype.add = function（id、iarray）{this.items [id] = iarray;} dsy.prototype.exists = function（id）{if（the items [id] "）{if（id]"）{if（id] "） true;} function change（v）{var str = "0"; for（i = 0; i <v; i ++）{str+=（ "_"+（document.getElementbyId（s [i]）。selectedindex-1））; }; var ss = document.getElementById（s [v]）; with（ss）{length = 0; options [0] = new Option（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 [length] = new option（ar [i]、ar [i]）; } // if（v）{options [0] .selected = true; }}}} // end if v if（++ v <s.length）{change（v）;}} // end} var dsy = new dsy（）; dsy.add（ "0"、["beijing"、 "tianjin"、 "shanghai"、 "chongqing"、 "hebei"、 "shanxi"、 "shanxi"、 "hebei"モンゴル "、" liaoning "、" jilin "、" heilongjiang "、" jiangsu "、" Zhejiang "、" anhui "、" fujian "、" jiangxi "、" shandong "、" heinan "、" hubei "、" hunan "、" guangdong "、" g uangxi "、" hainan "、" sichuan "、" guizhou "、" Yunnan "、" Yunnan "、" Yunnan "、" Yunnan "、" Yunnan "、" Tibet "、" Shaanxi "、" gansu "、" Qinghai "、" ningxia "、" xinxia "、" hong KONG "、" MACAO "、" TAIWAN州 "]]） 「Tongzhou District」、「Shunyi District」、「Changping District」、「Daxing District」、「Huairou District」、「Pinggu District」、「Miyun County」、「Yanqing County」、「Yanqing Town」]）; Dsy.Add（ "0_1"、["Heping District"、 "Hedong District"、 "Hexi District"、 "Nankai District"、 "Hebei District"、 "Hongqiao District"、 "Hanguidistict"、 "Hangui地区"、「Dagang District "、" Dongli District "、" xiqing District "」 「Baodie地区」、「Ji郡」、「Ninghe郡」、「Lutai Town」、「Jinghai County」、「Jinghai Town "））;地区」、「香港地区」、「ヤンプ地区」、「ミンハン地区」、「バウディング地区」、「バウド地区」、「バウディング地区」、「ジンシャン地区」、「ソンジャン地区」、「Qingpu地区」、「ナンフイ地区」、「フェンティアン地区」、「チェンギア郡」、「チェンギア郡」、町 "]）; dsy.add（" 0_3 "、[" Yuzhong地区 "、「Dadoukou地区」、「Jiangbei地区」、「Shapingba地区」、「Jiulongpo地区」、「ナンズ地区」、「ナン地区」、「ナン地区」、「ナン地区」、「ナンの地区」、「ナン地区」、「ナン地区」、「ナン地区」、「ナン地区」、地区「Qianjiang地区」、「Changshou地区」、「Hechuan City」、「Yongchuan City」、「Jijin City」、「Nanchuan City」、「Qijiang County」、「Tongnan County」、「Tongliang County」、「Dazu County」、「Rongchang County」、「Dianjiang郡」、「Dianjiang郡」郡」、「チェンコウ郡」、「リアンピン郡」、「カイ郡」、「ワキ郡」、「ウシ郡」、「ウシ郡」、「フェンジー郡」、「ユニャン郡」、「Zhong郡」、「Zhong郡」、「Shizhu Tujia Autonomous County」、「Pengshui Miao Tujia Automous Automano '" Tujia Miao Autonomous County "]）））））都市 "、" Handan 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 "、「" Xiling'an League "、" Alxaリーグ "]）; dsy.Add（" 0_7 "、[" Shenyang City "、" Chaoyang City "、" Fuxin City "、" Telening City "、" Fushun City "、" Benxi City "、" liaoyang City "、" Anshan City "、" Dandong City "、" Dalian City "、" Yingkou City "" "Jinz都市 "、" Huludao City "]）））））都市「Qiqihar City」、「Qitaihe City」、「Heihe City」、「Daqing City」、「Hegang City」、「Yichun City」、「Jimusi City」、「Shuangyashan City」、「Jixi City」、「Mudanjiang City」、「Suihua City」 "]）; 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"、 "huainan" 「Chuzhou City」、「Ma'Anshan City」、「Wuhu City」、「Tongling City」、「Anqing City」、「Huangshan City」、「Lu'an City」、「Chaohu City」、「Chaohu City」、「Chian City」）; 「サンミングシティ」、「Quanzhou City」、「Xiamen City」、「Zhangzhou City」、「Longyan City」、「Ningde City」）; 「ガンツー市」、「シャングラオシティ」、「福州市」、「Yichun City」、「Jian City」）; dsy.add（ "0_15"、["Jinan City"、 "Qingdao City"、 "liaocheng City"、 "donghuing City"、 "Zibo City"、 "Zibo City" 「Weihai City」、「Rizhao City」、「Linyi City」、「Zaozhuang City」、「Jining City」、「Tai'an City」、「Laiwu City」、「Binzhou City」、「Heze City」）都市」、「jiazuo市」、「xinxiang市」、「ヘビシティ」、「アニャンシティ」、「プヤンシティ」、「シャンキュシティ」、「Xuchang市」、「ルオエ市」、「ピンディンシングシャンシティ」、「ナンヤンシティ」、「Xinang City」、「Znyang City」、「Znyang City」 "jiyuan City"]））） 「Suizhou City」、「省レベルの管理ユニット」、「エンシ県」））; 「ヨンザシティ」、「浅野市」、「huaihua市」、「ラウディシティ」、「xiangxi県」];市」、「シャントゥシティ」、「ジエヤンシティ」、「シャンウェイシティ」、「huizhou都市」、「ドンググアンシティ」、「Zhuhai市」、「Zhongshan City」、「Jiangmen City」、「Foshan City」、「Zhaoqing City」、「Zhaoqing City」、「Zhauqing City」都市 "]）; dsy.add（" 0_20 "、[" Nanning City "、" Guilin City "、" Liuzhou City "、" wuzhou City "、" Guigang City "、" Yulin City "、" Yulin City "、" Qinzhou City "、" city city "" baise City "都市」、「ライビンシティ」、「hezhou市」]）; dsy.add（ "0_21"、["haikou city"、 "Sanya City"、 "Provincial Administrative Unit"]）; dsy.add（ "0_21"、["haikou City"、 "sanya city"、 ""]; dsy。追加（add（ "0_22"、["chengdu city"、 "広東都市"、「ミアナヤンシティ」、「デヤンシティ」、「ナンチャンシティ」、「ガンガン市」、「都市」、「ネイジャンシティ」、「レシャンシティ」、「ジゴンシティ」、「ザイジョンシティ」、「パンザシティ」市」、「ダジー市」、「Ziyang市」、「Meishan City」、「Ya'an City」、「Aba City」、「Ganzi City」、「Liu Panshui City」、「Zunyi City」、「Anshun City」、「Bijie District」、「Tongren District」、「Quianxi fretucture」、 "県 "]）; dsy.Add（" 0_24 "、[" Kunming City "、" Qujing City "、" Yuxi City "、" Baoshan City "、" Zhaotong City "、" Lijiang City "、" Simao City都市」、「チキシオンシティ」、「ホンヘシティ」、「ウェンシャンシティ」、「Xishuangbanna City」）; dsy.Add（ "0_25"、["lhasa City"、 "naque Area"、 "changduエリア"、「リンジーエリア」、「シャナンエリア」、「アリ地域」エリア "]）; dsy.Add（" 0_26 "、[" xi'an City "、" Yan'an City "、" Tongchuan City "、" Weinan City "、" Xianyang City "、" Baoji City "、" Hanzhong City （ "0_27"、["Lanzhou City"、 "Jiayuguan City"、 "Baiyin City"、 "Tianshui City"、 "Wuwei City"、 "jiuquan City"、 "Zhangye City都市 "]）; dsy.Add（" 0_28 "、[" Xining City "、" Haidong District "、" Haibei県 "、「Hainan県"、「Huangnan県」、「Goluo県」、「Goluo県」、「Yushu県」、「ハイシ県」）;都市」、「wuzhong市」、「ガイアンシティ「Zhongwei City」）; dsy.Add（ "0_30"、["Urumqi City"、 "Karamay City"、 "count郡レベルの直接管理部隊"、「Kashgar地域」、「Kashgar地域」、「Aksu地域」、「Hotan地域」、「Hami地域」、「Hami地域」、「Hami地域」 「ボルタラ県」、「チャンジ県」、「bainguoleng県」、「ili県」、「タチェン県」、「アルタイ地域」）領域 "]）; dsy.Add（" 0_33 "、[" Taipei "、" Taichung "、" huali "、" keilung "、" chiayi "、" lianjiang "、" miaoli "、" nantou "、" penghu "、" pingtung "、" taitung "、" tainan ""、 "、"、 "、"、 "、"、 "、 「Yunlin "、" changhua "]） 「福建省」、「江西」、「山東」、「ヘイナン "、「hubei」、「hunan」、「guangdong"、 "guangxi"、 "hainan"、 "sichuan"、 "guizhou"、 "Yunnan"、 "Yunnan"、 "gunsu"、 "shaanxi"、 "" "" "ginghai"、」 "ningxia"、 "Xinjiang"、 "hongkong"、 "Macao"、 "Taiwan Province"]）; var s = ["s_province"、 "s_city"]; // 3つの選択opt0 = ["stavince"、 "" cheptucture-level都市 "]; for（i = 0; i <s.length-1; i ++）{document.getElementById（s [i]）。onchange = new function（ "change（"+（i+1）+"）"）; } change（0）;}HTMLコードパーツ：
<head> <Meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title>ナショナルセカンドレベルのリンケージ</title> <style type = "text/css"> body {background：＃eeeee; margin：0;パディング：0;フォントファミリー：「Microsoft Yahei」、Arial、Helvetica、Sans-Serif; } a {color：＃006600;テキスト - デコレーション：なし;} a：hover {color：＃990000;}。トップ{マージン：5px auto;色：＃990000;テキストアライグ：center;}。情報select {border：1px＃993300 solid;背景：#fffff;}。情報{マージン：5px;テキストアライグ：center;}。info #show {color：＃3399ff; } .bottom {text-align：right;フォントサイズ：12px;色：#cccc;幅：1000px;} </style> </head> <body> <div> <h1>全国第2レベルのリンケージ</h1> </div> <div> <div> <select id = "s_province" name = "s_province"> </select> <select id = "s_city" s_city "> < type = "text/javascript"> </script> <script type = "text/javascript"> _ init_area（）; </script> </div> </div> </body> </html>上記はこの記事に関するものです。すべての人の学習に役立つことを願っています。