يشارك هذا المثال الكود المحدد لـ JS لتنفيذ القائمة المنسدلة للربط الثانوي للرجوع إليها. المحتوى المحدد كما يلي
جزء رمز JS:
/** National Second Second City Rinkage JS الإصدار*/الوظيفة dsy () {this.items = {} ؛} dsy.prototype.add = function (id ، iarray) {this.items [id] = id] == idefinted "؛ return true ؛} تغيير الوظيفة (v) {var str = "0" ؛ لـ (i = 0 ؛ i <v ؛ i ++) {str+= ("_"+(document.getElementById (s [i]). selectIndex-1)) ؛ } ؛ var ss = document.getElementById (s [v]) ؛ مع (ss) {length = 0 ؛ الخيارات [0] = خيار جديد (OPT0 [V] ، OPT0 [V]) ؛ if (v && document.getElementById (s [v-1]). selectIndex> 0 ||! v) {if (dsy.exists (str)) {ar = dsy.items [str] ؛ لـ (i = 0 ؛ i <ar.length ؛ i ++) {Options [length] = new Option (ar [i] ، ar [i]) ؛ } // end for if (v) {Options [0] .Selected = true ؛ }}} // end if v if (++ v <s.length) {change (v) ؛}} // end with} var dsy = new dsy () ؛ dsy.add ( Mongolia "،" Liaoning "،" Jilin "،" Heilongjiang "،" Jiangsu "،" Zhejiang "،" Anhui "،" Fujian "،" Jiangxi "،" Shandong "،" Heinan "،" Hubei "،" Hunan "،" Guangdong "،" Guangdong " Uangxi "،" Hainan "،" Sichuan "،" Guizhou "،" Yunnan "،" Yunnan "،" Yunnan "،" Yunnan "،" Yunnan "،" Tibet "،" Hong "،" Gansu "،" Qinghai "،" Ningxia "،" Xinxia "،" Kong "،" Macao "،" Taiwan Province "]) ؛ dsy.add (" 0_0 "، [" Dongcheng District "،" Xicheng District "،" District Chongwen "،" District "، District" ، "منطقة هايد" ، "مقاطعة هايد" ، "منطقة هايد" ، "مقاطعة هايد" ، "منطقة تونغتشو" ، "منطقة شونيي" ، "مقاطعة تشانغبينج" ، "مقاطعة داكينغ" ، "مقاطعة هويرو" ، "منطقة بينغغو" ، "مقاطعة ميون" ، "مقاطعة يانكينغ" ، "يانكينغ تاون")) ؛ dsy.add ("0_1" ، ["Heping District" ، "Hedong District" ، "Hexi District" ، "Nankai District" ، "Hebei District" ، "District Hongqiao" ، "District" ، "District" ، "مقاطعة" ، "مقاطعة" ، "منطقة" ، "، مقاطعة" ، "،" ، "، مقاطعة" ، "،" ، "،" ، "،" ، "،" ، "،" ، "،" ، "،" ، "رونين" "منطقة بودي" ، "مقاطعة جي" ، "مقاطعة نينغ" ، "بلدة لوتاي" ، "مقاطعة جينغهاي" ، "مدينة جينغهاي"]) ؛ dsy.add ("0_2" ، ["مقاطعة هوانغبو" ، "مقاطعة بوتو" ، "مقاطعة بوتو" ، "بوتو" ، ". منطقة "،" منطقة هونغكو "،" مقاطعة يانغبو "،" مقاطعة مينغانغ "،" منطقة باودغ "،" منطقة باودغ "،" مقاطعة باودغ "،" مقاطعة جينشان "،" مقاطعة سونغجيانغ "،" مقاطعة تشنغ Qingpu "،" مقاطعة نانهوي "،" فنغكسان "،" تشونغنج "، Town "]) ؛ dsy.add (" 0_3 "، [" yuzhong district "،" Dadoukou District "،" Jiangbei District "،" District -Chapingba "،" Jiulongpo District "،" District "،" Nan's District "،" Nan's District "،" Nan's District "،" Nan's District "،" Nan "، منطقة "،" مقاطعة تشيانجيانغ "،" مقاطعة تشانغشو "،" مدينة هيشوان "،" مدينة يونغتشوان "،" مدينة جيجين "،" مدينة نانشوان "،" مقاطعة تشيجيانغ "،" مقاطعة تونغنان "،" مقاطعة تونجونغ "،" مقاطعة دازو "،" رونغشانغ كاونتي "،" بيشان "،" ديانجانج " مقاطعة "،" مقاطعة Fengdu "،" مقاطعة تشنغكو "،" مقاطعة ليانغبينغ "،" مقاطعة كاي "،" مقاطعة ووكسي "،" مقاطعة ووشان "،" مقاطعة فنغجي "،" مقاطعة يونيانغ "،" مقاطعة تشونغ تويانج "، County "،" XIUSHAN TUJIA MIAO MOTONING COUNTY "]) ؛ dsy.add (" 0_4 "، [" Shijiazhuang City "،" Zhangjiakou City "،" CHENGDE CITY "،" Cangshui City " City "،" Xingtai City "،" Handan City "]) ؛ dsy.add (" 0_5 "، [" Taiyuan City "،" Shuozhou City "،" Datong City "،" Yangquan City "،" City "،" Linfen "،" Linfen "، المدينة "]) ؛ dsy.add (" 0_6 "، [" Hohhot City "،" Baotou City "،" Wuhai City "،" Chifeng City "،" Tongliao City "،" Hurundai City "،" Ordos City "،" Ulanqab City "،" Bayannur City "، الدوري "]) ؛ dsy.add (" 0_7 "، [" Shenyang City "،" Chaoyang City "،" Fuxin City "،" Teling City "،" Fushun City "،" Benxi City "،" Liaoyang City "،" Jinjin " City "،" Huludao City "]) ؛ dsy.add (" 0_8 "، [" Changchun City "،" Baicheng City "،" Songyuan City "،" Jilin City "،" Siping City "،" Liaoyuan City "،" Tonghua City "،" Baishan City "، مدينة "،" مدينة Qiqihar "،" مدينة Qitaihe City "،" Hheihe City "،" Daqing City "،" Hegang City "،" Yichun City "،" Jiamusi City "،" City 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 "،" Zhouhan "،" Ningbo "،" Shaoxing "،" quzhou "،" Jinhua "،" Taizhou "،" Wenzhou "، "Lishui"]) ؛ dsy.add ("0_12" ، ["Hefei" ، "Suzhou" ، "Huaibei" ، "Bozhou" ، "Fuyang" ، "Bengbu" ، "Huainan" ، "مدينة تشوزو" ، "مدينة ماانشان" ، "مدينة ووهو" ، "مدينة تونغلينج" ، "مدينة أناقينغ" ، "مدينة هوانغشان" ، "لوانان سيتي" ، "تشوهو سيتي" ، "سيتي" ، "فوت" ، "Sanming City" ، "Quanzhou City" ، "Xiamen City" ، "Zhangzhou City" ، "Longyan City" ، "Ningde City"]) ؛ "Ganzhou City" ، "Shangrao City" ، "Fuzhou City" ، "Yichun City" ، "Jian City") ؛ dsy.add ("0_15" ، ["Jinan City" ، "Qingdao City" ، ". City "،" Rizhao City "،" Linyi City "،" Zaozhuang City "،" Jining City "،" Tai'an City "،" Laiwu City "،" Binzhou City "،" Heze City ") ؛ Dsy.add (" 0_16 " "مدينة جياوزو" ، "شينكسيانغ سيتي" ، "مدينة هيبي" ، "أنيانغ سيتي" ، "مدينة بويانغ" ، "شانجقيو سيتي" ، "مدينة شوتشانغ" ، "مدينة لوهي" ، "مدينة بينجدينج ،" ، مدينة تشينغ ، City "]) ؛ dsy.add (" 0_17 "، [" Wuhan City "،" Shiyan City "،" Xiangfan City "،" Jingmen City "،" Xiaogan City "،" Huanggang City "،" Ezhou City "،" Huangshi City "،" Xianning City "، "وحدة إدارية على مستوى المقاطعات" ، "محافظة enshi"]) ؛ dsy.add ("0_18" ، ["Changsha City" ، "Zhangjiajie City" ، "Changde City" ، "Yiyang City" ، "yongzhou" ، "مدينة Shaoyang" ، "مدينة Huaihua" ، "Loudi City" ، "Xiangxi Contevure"]) ؛ dsy.add ("0_19" ، ["City Guangzhou" ، "Shenzhen City" ، "Qingyuan City" ، "Shaoguan City" ، "Heyuan City" City "،" Jieyang City "،" Shanwei City "،" Huizhou City "،" Dongguan City "،" Zhuhai City "،" Zhongshan City "،" Jiangmen City "، City "]) ؛ dsy.add (" 0_20 "، [" Nanning City "،" Gullin City "،" Liuzhou City "،" Wuzhou City "،" Guigang City "،" Yulin City "،" City "،" City "،" Cita " "Laibin City" ، "Hezhou City"]) ؛ dsy.add ("0_21" ، ["Haikou City" ، "Sanya City" ، "وحدة الإدارية الإقليمية") إضافة ("0_22" ، ["CHENGDU CITY" ، "Guangyuan City" ، "Mianyang City" ، "Deyang City" ، "Nanchang City" ، "Guangan City" ، "Cinining City" ، "Neijiang City" ، "Leshan City" ، "Zigong City" ، "Luzhou City" ، City "،" Dazhou City "،" Ziyang City "،" Meishan City "،" Ya'an City "،" Aba City "،" Ganzi City "،" Liu Panshui City "،" Zunyi City "، Qianxi" ، "Qianxi" ، "Qianxi" ، "Qianxi" المحافظة "]) ؛ dsy.add (" 0_24 "، [" Kunming City "،" Qujing City "،" Yuxi City "،" Baoshan City "،" Zhaotong City "،" Lijiang City "،" City City "،" DAID CITY "،" DAID City "، City "،" Chuxiong City "،" Honghe City "،" Wenshan City "،" Xishuangbanna City ") ؛ dsy.add (" 0_25 "، [" Lhasa City "،" Naqu Area "،" changdu area "،" Linzhi "،" AREA AREA "،" AREA "،" SHIGATSE "، المنطقة "]) ؛ dsy.add (" 0_26 "، [" Xi'an City "،" Yan'an City "،" Tongchuan City "،" Weinan City "،" Xianyang City "،" Baoji City "،" Hanzhong City "،" Yulin City "،" Ankang City "،" Shanglo " ("0_27" ، ["Lanzhou City" ، "Jiayuguan City" ، "Baiyin City" ، "Tianshui City" ، "Wuwei City" ، "Jiuquan City" ، "Zhangye City" ، "Longnan" ، "Lonxi City" ، "Longnan" ، City "]) ؛ dsy.add (" 0_28 "، [" Xining City "،" Haidong District "،" Haibei Distracture "،" Hainan Distrure "،" Huangnan District City "،" Shizuishan City "،" Wuzhong City "،" Guyuan City "Zhongwei City"]) ؛ dsy.add ("0_30" ، ["Urumqi City" ، "Karamay City" ، "INGUE HOMI" ، "منطقة توربان" ، "منطقة" ، "منطقة" ، "،" منطقة "،" ، "منطقة" ، "،" ، "،" ، "،" منطقة "،" ، ". "kizilsuke procedure" ، "Portala Protevure" ، "Changji Protecture" ، "Bainguoleng Depecture" ، "Ili Depecture" ، "Tacheng Protecture" ، "altay region"]) ؛ المنطقة "]) ؛ dsy.add (" 0_33 "، [" Taipei "،" Taichung "،" Huali "،" Keilung "،" Chiayi "،" Lianjiang "،" Miaoli "،" Nantou "،" Penghu "،" Pingtung "،" Taitung "،" Tainan "، "Yunlin" ، "changhua"]) ؛ dsy.add ("0" ، ["Beijing" ، "Tianjin" ، "Shanghai" ، "Chongqing" ، "hebei" ، "Fujian" ، "Jiangxi" ، "Shandong" ، "Heinan" ، "Hubei" ، "Hunan" ، "Guangdong" ، "Guangxi" ، "Hainan" ، "Sichuan" ، "Guizhou" ، "Yunnan" ، "Yunnan" ، "Tibet" ، "Shaanxi" ". "Ningxia" ، "Xinjiang" ، "Hong Kong" ، "Macao" ، "Taiwan Province"]) ؛ var s = ["S_Province" ، "S_City"] لـ (i = 0 ؛ i <s.length-1 ؛ i ++) {document.getElementById (s [i]). onChange = new function ("change ("+(i+1)+")") ؛ } التغيير (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 ؛ Font-Family: "Microsoft Yahei" ، Arial ، Helvetica ، Sans-Serif ؛ } a {color:#006600 ؛ إزالة النص: none ؛} a: hover {color:#990000 ؛}. top {margin: 5px auto ؛ اللون:#990000 ؛ text-align: center ؛}. معلومات حدد {الحدود: 1px #993300 solid ؛ الخلفية: #fffff ؛}. info {margin: 5px ؛ text-align: center ؛}. info #show {color: #3399ff ؛ } .bottom {text-align: right ؛ حجم الخط: 12 بكسل ؛ اللون: #CCCC ؛ العرض: 1000px ؛} </style> </head> <body> <viv> <h1> الرابط الوطني للمستوى الثاني </h1> </viv> <viv> <viv> <select id = "s_province" name = "s_province"> </select> <select id = "s_city" name = "s_city" type = "text/javaScript"> </script> <script type = "text/javaScript"> _ init_area () ؛ </script> </viv> </viv> </body> </html>ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.