Этот пример разделяет конкретный код для JS для реализации раскрывающегося меню вторичного сцепления для вашей ссылки. Конкретный контент заключается в следующем
Кодовая часть JS:
/** Национальная городская связь второго уровня JS версии*/function dSy () {this.Items = {};} dSy.prototype.add = function (id, iarray) {this.items [id] = iarray;} dsy.prototype.exists = function (id) {if (typeof (this.items [id] == effine.) вернуть true;} function изменение (v) {var str = "0"; for (i = 0; i <v; i ++) {str+= ("_"+(document.getElementById (s [i]). selectedIndex-1)); }; var ss = document.getElementbyId (s [v]); с (ss) {length = 0; параметры [0] = новая опция (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] = новая опция (ar [i], ar [i]); } // end for if (v) {options [0]. Selected = true; }}} // end if v if if (++ v <s.length) {изменение (v);}} // end с} var dsy = new dsy (); dsy.add ("0", ["beijing", "tianjin", "shanghai", "chongqing", "hebei", "shanxi" Монголия "," Liaoning "," Jilin "," Heilongjiang "," jiangsu "," Zhejiang "," Anhui "," fujian "," jiangxi "," Shandong "," Heinan "," Hubei "," Hunan "," guangdong "," Uangxi "," hainan "," Sichuan "," Guizhou "," Yunnan "," Yunnan "," Yunnan "," Yunnan "," Yunnan "," Тибет "," Шааньси "," Гансу "," Цинхай "," Нингксия "," Xinxia "". " 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", «Район Тонгчжоу», «Район Шуний», «Район Чандинг», «Даксский район», «Район Хуайру», «Район Пингу», «округ Миюн», «Округ Янксинг», «Янцинг Таун»]); 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", «Район Баоди», «округ Джи», «округ Нинхе», «Город Лутай», «округ Цзинхай», «Город Цзинхай»]); dsy.Add («0_2», [«Район Хуанпу», «Район Луван», «Район Сюхуй», «Район Чантинг», «Район Цзин», «Район Цзин», «Цитун», «Ципей», «Ципей», «Ципей», «Район Цзин», ",", ",", ",", ",", ",", ",", "," Район Цинг " Район ",« Район Хонгку »,« Район Янпу »,« Район Минханг »,« Район Баодинг »,« Район Баодинг »,« Район Баодинг »,« Район Джиншан »,« Район Сонгжян »,« Район Цинпу »,« Район Нанхуй »,« Район Фенсиан ». 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 Район "," Район Цяньцзян ",« Район Чангхоу »,« Город Хечуань »,« Город Юнчуань »,« Город Джиджин »,« Город Нанчюан »,« округ Цицзян »,« Округ Тонгнан »,« округ Тонглианг »,« округ Дазу », графство Ронгхан», «округ Бишан», «округ Диангян», графство «округ Бишан», «округ Диангян», «графство Ронгхан», «графство Бишан», «графство Дэзу», графство бишан »,« графство Дазу », графство Ронгхан», «графство Дэзу», графство «графство Ронгхан», «графство Дэзу», графство Ронгхан »,« графство Дэзу », графство Ронгхан». Графство "," Округ Фенгду ",« Округ Ченку »,« Округ Лянгпинг »,« Округ Кай »,« Округ Вуси »,« Округ Ушан »,« Округ Фенджи »,« Округ Юньян »,« Округ Чжун »,« Автономный графство »,« Аутономный округ ». Графство "," Xiushan Tujia Miao Автономный графство "]); DSY.Add (« 0_4 », [« Шидзиажхуанский город »,« Город Чжанджиаку »,« Город Ченг »,« Город Цинхуангдао »,« Город Танган »,« Город Лангфанг »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город »,« Город ». Город "," Синтай -Сити "," Город Хандан "]); DSY.Add (« 0_5 », [« Тайюанский город »,« Город Шуооооооооооооооооооооооооооооу »,« Город Датонг »,« Город Янкуан »,« Город Чангжхи »,« Город Джин »,« Город Синжжоу »,« Город Линз »,« Город Линфен »,« Город Линфен »,« Город Линфен »,« Город Линфен, «Линфен», «Город Линьн», «Город Линьн», «Город Линьн», «Город" " Город "]); DSY.Add (" 0_6 ", [" Hohhot City "," Baotou City "," Wuhai City "," Chifeng City "," Tongliao City "," Город Хурундай "," Город Ордс "," Город Уланкаб "," Город Байаннур ", Лига Xing'an", "Xilingol Leagu Лига "]); DSY.Add (" 0_7 ", [" Shenyang City "," Chaoyang City "," Fuxin City "," Teling City "," Fushun City ",« Город Бенси »,« Город Лияоян »,« Город Аншан »,« Город Дандунг »,« Город Даляни »,« Город Йингку »,« Панджан »,« Панджан »,« Панджан »,« Джун »,« Джун »,« Джун »,« Джун »,« город »,« город »,« город »,« город »,« город »,« город Дандж ». Город "," Город Хулудао "]); DSY.Add (« 0_8 », [« Чанчун -Сити »,« Город Байченг »,« Город Сюньян »,« Город Джилин »,« Сипи -город »,« Город Иаоюан »,« Город Тонхуа »,« Город Баишан »,« Янбиян Префектура "]); dsy.Add (" 0_9 ", [" Harbin City "," Qiqihar City "," Qitaihe City "," Город Хейхэ "," Город Дацин "," Город Хеганг "," Город Йичун ", город Джамуси", "Город Шуангьяшан", Джикский город ",", "Гиданьянга", "Город Джикс", ",", ",", "Гиданьянга", "Город Джикс", "," Гиданьянга "," Гиданьян "," Город Шуангьяшан ",", "Гиданьянга", "Город Шуангьяшан", "," Гиданьян "," Город Шуангьяшан ",", "Город Джильса", "," Город Сюангьяшан "," " Город "," Даккслингинг "]); dsy.Add (" 0_10 ", [" nanjing "," Xuzhou "," lianyungang "," Suqian "," Hui'an "," Янчжоу "," Янчжоу "," 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", «Город Чучжоу», «Маганшан -Сити», «Город Уху», «Тонглинг -Сити», «Город Анцин», «Город Хуаншан», «Город Луан», «Город Чаоху», «Город Чиджоу», «Город Сюан»); Дси. "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", «Город Вейхай», «Город Рицхао», «Город Лини», «Город Заужуан», «Город Джининга», «Тайан -Сити», «Город Лайву», «Город Бинчжоу», «Город хез»]; dsy.add («0_16», ["Zhengzhou City", "," City "," City ",", ",", ",", ",", ",", ",", ",", ",", "Сити", "," Сан -Сити "," Сити ",", "Сан -Сити", "," Сан -Сити ",", "Сан -Сити", "," Город Зань? " 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", "Сянгфан -Сити", "Город Цзинмен", "Город Сяган", "Город Хуангган", город Эжоу ", город Хуангши", Город Синьянг ",", "Город Синьнинга", ",", "Город,", "Город,", "," Город, "," Город, "," Город, "," Город, "," Город, "Город,", "," Город Сианнинга ",", "Город Синьнинга", "," Город Хуанси ",", "Город Синьсинг", "," Город Хуанси ",« Город Синьнинга ",", "Город Хуанси", «Город Синьсинг», «Город Сианнинга». "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", «Город Юнчжоу», «Город Шаоян», «Город Хуайхуа», «Город Лоуди», «Префектура Xiangxi»]; dsy.add («0_19», [«Город Гуанчжоу», «Город Шенжэнь», «Город Циньюан», «Город Шаог», «Город Шенжэнь», «Город Шэган», «Гейуан -Сити», «Гейуан -город», «Город Шенжэн», «Город Шенжэн», «Город Шенжэн», «Город Шенжэн», «Город Шенжэн», «Город Шенжэн», «Город Шэган», «Город Шенчан», «Город Шенжэнь». "Chaozhou 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 Город "," Хечи -Сити ",« Лайбин -Сити »,« Город Хесху »]); dsy.Add (« 0_21 », [« Город Хайку »,« Город Санья »,« Провинциальная административная единица »]); dsy.add (« 0_21 », [« Город Хайку »,« Город Санья »,« провинция ». Добавить («0_22», [«Город Ченгду», «Город Гуангюань», «Город Мяньян», «Город Дейанг», «Город Нанчонг», «Город Гуанган», «Город Судьба», «Город Нейджян», «Город Лешан», «Город Зигонг», «Город Лужоу», «Город», «Город», «Город», «Город», «Город», «Ян», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «город», «Город Цигунг», «Город Зигонг». Город "," Город Дажеу ",« Город Зиян »,« Мейшан -Сити »,« Город Яан »,« Город Аба »,« Город Ганзи »,« Лю -паншуй -город »,« Город Цзюй »,« Аншюн -Сити »,« Район Биджи »,« Район Тонгрен »,« Кинханнане »,« Киньян »,« Киньян »,« Qianx »,« Qianx »,« Qianx »,« Qianx »,« Qianx »,« Qianx »,« Qianx »,« qianx »,« qianx »,« qianx »,« префекция Qianx »,« Qianx »,« районы Тонгрен « 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 Город "," Чуксион Город ",« Город Хонгх »,« Город Веншан »,« Город Скюангбанна »]); dsy.add (« 0_25 », [« Город Лхаса »,« Район Нак »,« Район Чанду »,« Район Линчхи »,« Район Шаннан »,« Район Шигатс »,« Али » район "]); dsy.add (" 0_26 ", [" xi'an City "," Ян'ан -Сити "," Город Тонгчуань "," Город Вайнан "," Город Сянььян "," Город Баоджи "," Город Ханчхонг "," Город Юлин "," Город Анканг "," Шангла "? («0_27», [«Город Ланчжоу», «Город Цзяйюгуан», «Город Байин», «Город Тяншуй», «Город Вувей», «Город Цзюкьян», «Город Чжангье», город Циньян »,« Город пинглан »,« Город Динкси »,« Город Линьн »,« Город Линьн »,« Город Динкси »,« Город Линнн »,« Город Линанн »,« Город Линанн »,« Город Линанн »,« Город Линьн »,« Город Линанн »,« Город Линанн »,« Город Линин »,« Город Линанн »,« Город Линанн »,« Город Линьн »,« Город Линанн »,« Город Линьн »,« Город Линанн »,« Город Линьн »,« Город Линьн »,« Город Линьн ». Город "]); dsy.Add (" 0_28 ", [" Xining City "," District "Haidong", «Префектура Haibei", «Префектура Hainan", "Префектура Huangnan", «Префектура голуо», «префектура yushu», «haixi prefecture»); City","Shizuishan 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", «Префектура Кизилсуке», «Префектура Бортала», «префектура Чанджи», «Префектура байгульенга», «префектура ILI», «префектура тачэна», «Алтэйскую область»]; dsy.Add («0_31», [«Hongkonge Special Administrative»]; Region"]);dsy.add("0_32",["Macao Special Administrative Region"]);dsy.add("0_33",["Taipei", "Taichung", "Huali", "Keilung", "Chiayi", "Lianjiang", "Miaoli", "Nantou", "Penghu", "Pingtung", "Taitung", «Тайнань», Taoyuan »,« hsinchu »,« yilan »,« yunlin »,« changhua »]); dsy.add (« 0 », [« beijing »,« tianjin »,« Shanghai »,« Чунцин »,« Hebei »,« Shanxi », Innerialia», «hebei», «Shanxi», «inneria», ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", "," "," «Цзянсу», «Чжэцзян», «Анхуи», «Фуцзян», «Цзянси», «Шандунг», «Хайнань», «Хубей», «Хунань», «Гуандун», «Гуанси», «Хейнан», «Сичуань», «Гуиджоу», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Yunan», «Хейнан», «Хунхан "Shaanxi", "gansu", "Qinghai", "ningxia", "xinjiang", "Hongkong", "macao", "Тайванская провинция"]); var s = ["s_province", "s_city" // namevar из Three Selects opt0 = ["vevince"; function _init_area () {// Функция инициализации для (i = 0; i <s.length-1; i ++) {document.getElementById (s [i]). OnChange = new Function ("изменение ("+(i+1)+")"); } изменение (0);}HTML -кодовая часть:
<Head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> Национальная связь второго уровня </title> <style type = "text/css"> body {founal: #eeeeee; margin: 0; Заполнение: 0; Фонт-семья: «Microsoft Yahei», Arial, Helvetica, Sans-Serif; } a {color:#006600; Текстовое декорация: none;} a: hover {color:#990000;}. Top {margin: 5px auto; Цвет:#990000; Text-align: center;}. Информация Select {Border: 1px #993300 Solid; Фон: #fffff;}. Info {margin: 5px; Text-Align: Center;}. Info #Show {Color: #3399ff; } .bottom {text-align: right; размер шрифта: 12px; Цвет: #CCCC; Ширина: 1000px;} </style> </head> <body> <div> <h1> национальная связь второго уровня </h1> </div> <div> <div> <select id = "s_province" name = "s_province"> </select> <select id = "s_city" name = "s_city"> </select> <script> <select id = "s_city". type = "text/javascript"> </script> <script type = "text/javascript"> _ init_area (); </script> </div> </div> </body> </html>Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.