JavaScript實現二級、多級(N級)聯動下拉式清單方塊更新版(續)- 四級聯動的示範

來源:互聯網
上載者:User

JavaScript實現二級、多級(N級)聯動下拉式清單方塊更新版(續)- 四級聯動的示範,很明顯地可以看到script和html是分離的。

源碼:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Select聯絡示範程式</title>
<script language="JavaScript" type="text/JavaScript" src="cs.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
var aryPType = [
[0,'貨物',1],
[0,'服務',2],
[0,'投資',3],
[0,'智慧財產權',4],
[0,'其他',5],
[2,'商務服務',6],
[2,'通訊服務',7],
[2,'建築和相關的工程服務',8],
[2,'分銷服務',9],
[2,'教育服務',10],
[2,'環境服務',11],
[2,'金融服務',12],
[2,'與健康相關的服務和社會服務',13],
[2,'旅遊和與旅遊相關的服務',14],
[2,'娛樂、文化和體育服務',15],
[2,'運輸服務',16],
[2,'其他地方沒有包括的服務',17],
[6,'專業服務',18],
[6,'電腦及相關服務',19],
[6,'研究和開發服務',20],
[6,'房地產服務',21],
[6,'無操作人員的租賃服務(幹租服務)',22],
[6,'其他商務服務',23],
[18,'法律服務',24],
[18,'會計、審計和簿記服務',25],
[18,'稅收服務',26],
[18,'建築設計服務',27],
[18,'工程服務',28],
[18,'集中工程服務',29],
[18,'城市規劃和園林建築服務',30],
[18,'醫學和牙科服務',31],
[18,'獸醫服務',32],
[18,'助產士、護士、理療醫師和護理員提供的服務',33],
[18,'其他',34],
[19,'電腦硬體安裝有關的諮詢服務',35],
[19,'軟體執行服務',36],
[19,'資料處理服務',37],
[19,'資料庫服務',38],
[19,'其他',39],
[20,'自然科學的研究和開發服務',40],
[20,'社會科學和人文科學的研究和開發服務',41],
[20,'邊緣學科的研究和開發服務',42],
[21,'涉及自有或租賃房地產的服務',43],
[21,'基於收費或合約的房地產服務',44],
[22,'船舶租賃',45],
[22,'航空器租賃',46],
[22,'其他運輸裝置租賃',47],
[22,'其他機械裝置租賃',48],
[22,'其他',49],
[23,'廣告服務',50],
[23,'市場調研和民意測驗服務',51],
[23,'管理諮詢服務',52],
[23,'與管理諮詢相關的服務',53],
[23,'技術測試和分析服務',54],
[23,'與農業、狩獵、和林業有關的服務',55],
[23,'與漁業有關的服務',56],
[23,'與採礦業有關的服務',57],
[23,'與製造業有關的服務',58],
[23,'與能源分配有關的服務',59],
[23,'人員提供與安排服務',60],
[23,'調查與保安服務',61],
[23,'相關的科學和技術諮詢服務',62],
[23,'裝置的維修和保養服務',63],
[23,'建築物清潔服務',64],
[23,'攝影服務',65],
[23,'封裝服務',66],
[23,'印刷和出版服務',67],
[23,'會議服務',68],
[23,'其他服務',69],
[7,'郵政服務',70],
[7,'速遞服務',71],
[7,'電信服務',72],
[7,'視聽服務',73],
[7,'其他',74],
[72,'語音電話語音',75],
[72,'集束切換Data Transmission Service',76],
[72,'線路切換Data Transmission Service',77],
[72,'電傳服務',78],
[72,'電報服務',79],
[72,'傳真服務',80],
[72,'私人線路租賃服務',81],
[72,'電子郵件服務',82],
[72,'語音信箱服務',83],
[72,'線上資訊和資料調用服務',84],
[72,'電子資料交換服務',85],
[72,'增值傳真服務,包括儲存和發送、儲存和調用',86],
[72,'編碼和規程服務',87],
[72,'線上資訊和/或資料處理(包括傳輸處理)',88],
[72,'其他',89],
[73,'電影和錄影的製作和發行服務',90],
[73,'電影放映服務',91],
[73,'廣播和電視服務',92],
[73,'廣播和電視傳輸服務',93],
[73,'錄音服務',94],
[73,'其他',95],
[8,'建築物的總體建築工作',96],
[8,'民用工程的總體建築工作',97],
[8,'安裝和組裝工作',98],
[8,'建築物的裝修工作',99],
[8,'其他',100],
[9,'傭金代理服務',101],
[9,'批發銷售服務',102],
[9,'零售服務',103],
[9,'特許經營服務',104],
[9,'其他',105],
[10,'初級教育服務',106],
[10,'中等教育服務',107],
[10,'高等教育服務',108],
[10,'成人教育服務',109],
[10,'其他教育服務',110],
[11,'排汙服務',111],
[11,'廢物處理服務',112],
[11,'衛生及類似服務',113],
[11,'其他',114],
[12,'所有保險和與其相關的服務',115],
[12,'銀行和其他金融服務(不含保險)',116],
[12,'其他',117],
[115,'人壽險、意外險和健康保險服務',118],
[115,'非人壽保險服務',119],
[115,'再保險和轉分保服務',120],
[115,'保險輔助服務(包括保險經紀、保險代理)',121],
[116,'接受公眾存款和其他需償還的資金',122],
[116,'所有類型的貸款,包括消費信貸、抵押貸款、保理和商業交易的融資',123],
[116,'金融租賃',124],
[116,'所有支付和貨幣匯送服務',125],
[116,'擔保與承兌',126],
[116,'貨幣市場票據',127],
[116,'外匯',128],
[116,'衍生產品,包括,但不限於期待和期權',129],
[116,'匯率和利率契約,包括調期和遠期利、匯率協議',130],
[116,'可轉讓證券',131],
[116,'其他可轉讓的票據和金融資產,包括金銀條塊',132],
[116,'參與各類證券的發行',133],
[116,'貨幣經紀',134],
[116,'資產管理',135],
[116,'金融資產的結算和清算,包括證券、衍生產品和其他可轉讓票據',136],
[116,'諮詢和其他輔助金融服務',137],
[116,'提供和傳輸其他金融服務提供者提供的金融資訊、金融資料處理和相關的軟體',138],
[13,'醫院服務',139],
[13,'其他人類健康服務',140],
[13,'社會服務',141],
[14,'飯店和餐飲服務(包括外賣服務)',142],
[14,'旅行社和旅遊經營者服務',143],
[14,'導遊服務',144],
[14,'其他',145],
[15,'文娛服務(除視聽服務以外)',146],
[15,'新聞社服務',147],
[15,'圖書館、檔案館、博物館和其他文化服務',148],
[15,'體育和其他娛樂服務',149],
[15,'其他',150],
[16,'海洋運輸服務',151],
[16,'內水運輸服務',152],
[16,'航空運輸服務',153],
[16,'航天運輸服務',154],
[16,'鐵路運輸服務',155],
[16,'公路運輸服務',156],
[16,'管道運輸',157],
[16,'所有運輸方式的輔助服務',158],
[16,'其他運輸服務',159],
[151,'客運服務',160],
[151,'貨運服務',161],
[151,'船舶和船員的租賃',162],
[151,'船舶維修和保養',163],
[151,'拖駁服務',164],
[151,'海運的支援服務',165],
[152,'客運服務',166],
[152,'貨運服務',167],
[152,'船舶和船員的租賃服務',168],
[152,'船舶的維修和保養',169],
[152,'拖駁服務',170],
[152,'內水運輸的支援服務',171],
[153,'客運服務',172],
[153,'貨運服務',173],
[153,'帶乘務員的飛機租賃服務',174],
[153,'飛機的維修和保養服務',175],
[153,'空運支援服務',176],
[155,'客運服務',177],
[155,'貨運服務',178],
[155,'推車和拖車服務',179],
[155,'鐵路運輸裝置的維修和保養服務',180],
[155,'鐵路運輸的的支援服務',181],
[156,'客運服務',182],
[156,'貨運服務',183],
[156,'商用車輛和司機的租賃',184],
[156,'公路運輸的裝置的維修和保養服務',185],
[156,'公路運輸打支援服務',186],
[156,'燃料傳輸',187],
[156,'其他貨物的運輸',188],
[156,'理貨服務',189],
[156,'倉儲服務',190],
[156,'貨運代理服務',191],
[156,'其他',192],
[1,'活動物;動物產品',193],
[1,'植物產品',194],
[1,'動、植物油、脂及其分解產品;精製的食用油脂;動植物蠟',195],
[1,'食品;飲料、酒及醋;菸草、菸草及菸草代用品的製品',196],
[1,'礦產品',197],
[1,'化學工業及相關工業的產品',198],
[1,'塑料及及其製品;橡膠及其製品',199],
[1,'生皮、皮革、毛皮及製品;鞍具及挽具;旅遊用品、手提包及類似容器;動物腸線(蠶膠絲除外)製品',200],
[1,'木及木製品;木炭;軟木及軟木製品;稻草、秸稈、針茅或其他編結材料製品;籃筐及柳條編結品',201],
[1,'木漿及其他纖維素漿;回收(廢碎)紙或紙板;紙、紙板及其製品',202],
[1,'紡織原料及紡織製品',203],
[1,'鞋帽傘杖鞭及其零件;已加工的羽毛及其製品;人造花;人發製品',204],
[1,'石料、石膏、水泥、石棉、雲母、及類似的製品;陶瓷產品;玻璃及其製品',205],
[1,'天然或養殖珍珠、寶石或半寶石、貴金屬、寶貴金屬及其製品;仿首飾;硬幣',206],
[1,'賤金屬及其製品',207],
[1,'機器、機械器具、電氣裝置機器零件;錄音機及放音機、電視圖象、聲音的錄製和重放裝置及其零件、附件',208],
[1,'車輛、航空器、船舶及其有關的運輸裝置',209],
[1,'光學、照相、電影、計量、檢驗、醫學或外科用儀器及裝置、精密儀器及裝置;鐘錶;樂器;及相關零件、附件',210],
[1,'武器、彈藥及其零件、附件',211],
[1,'雜項製品',212],
[1,'藝術品、收藏品及古物',213],
[193,'活動物',214],
[193,'肉及食用雜碎',215],
[193,'魚、甲殼動物、軟體動物及其他水生無脊椎動物',216],
[193,'乳品;蛋品;天然蜂蜜;其他食用動物產品',217],
[193,'其他動物產品',218],
[194,'活樹及其他活植物;鱗莖、根及類似產品;插花及裝飾用簇葉',219],
[194,'食用蔬菜、根及塊莖',220],
[194,'食用水果及堅果;柑桔屬水果或甜瓜的果皮',221],
[194,'咖啡、茶、馬黛茶及調味香料',222],
[194,'穀物',223],
[194,'制粉工業產品;麥芽;澱粉;菊粉;麵筋',224],
[194,'含油子仁及果實;雜項子仁及果實;工業用或藥用植物;稻草、秸稈及飼料',225],
[194,'蟲膠;樹膠、樹脂及其他植物液、汁',226],
[194,'編結用植物材料;其他植物產品',227],
[195,'動、植物油、脂及分解產品;精製的食用油脂;動、植物蠟',228],
[196,'肉、魚、甲殼動物、軟體動物及其他水生物無脊椎動物的製品',229],
[196,'糖及糖食',230],
[196,'可可及可可製品',231],
[196,'穀物、糧食粉、澱粉或乳的製品;糕餅點心',232],
[196,'蔬菜、水果、堅果或植物其他部分的製品',233],
[196,'雜項食品',234],
[196,'飲料、酒及醋',235],
[196,'食品工業的殘渣及廢料;配製的動物飼料',236],
[196,'菸草、菸草及菸草代用品的製品',237],
[197,'鹽;硫磺;泥土及石料;石膏料、石灰及水泥',238],
[197,'礦砂、礦渣及礦灰',239],
[197,'礦物燃料、礦物油及其蒸餾產品;瀝青物質;礦物蠟',240],
[198,'無機化學品;貴金屬、稀土金屬、放射性元素及其同位素的有機及無機化合物',241],
[198,'有機化學品',242],
[198,'藥品',243],
[198,'肥料',244],
[198,'鞣料浸膏及染料浸膏;鞣酸及其衍生物;染料顏料及其他著色料;油漆及清漆;油灰及其他類似膠粘濟;墨水油墨',245],
[198,'精油及香膏;芳香料製品及化妝盥洗品',246],
[198,'肥皂、有機表面活性劑、洗滌劑、潤滑劑、人造蠟、調製蠟、光潔劑、蠟燭及類似產品、塑型用膏、“牙科用蠟”及牙科用熟石膏製劑',247],
[198,'蛋白類物質;改性澱粉;膠;酶',248],
[198,'炸藥;煙火製品;火柴;引火合金;易燃材料製品',249],
[198,'照相及電影用品',250],
[198,'雜項化學產品',251],
[199,'塑料及其製品',252],
[199,'橡膠及其製品',253],
[200,'生皮(毛皮除外)及皮革',254],
[200,'皮革製品;鞍具及挽具;旅行用品、手提包及類似容器;動物腸線(蠶膠絲除外)製品',255],
[200,'毛皮、人造毛皮及其製品',256],
[201,'木及木製品;木炭',257],
[201,'軟木及軟木製品',258],
[201,'稻草、秸稈、針茅或其他編結材料製品;籃筐及柳條編結品',259],
[202,'木漿及其他纖維狀纖維素漿;回收(廢碎)紙或紙板',260],
[202,'紙及紙板;紙漿、紙或紙板製品',261],
[202,'書籍、報紙、印刷圖畫及其他印刷品;手稿、打字稿及設計圖紙',262],
[203,'蠶絲',263],
[203,'羊毛、動物細毛或粗毛;馬毛紗線及其機織物',264],
[203,'棉花',265],
[203,'其他植物紡織纖維;紙紗線及其織物',266],
[203,'化學纖維長絲',267],
[203,'化學纖維短纖',268],
[203,'絮胎、氈呢及無紡織物;特種紗線;線、繩、索、纜及其製品',269],
[203,'地毯及紡織材料的其他鋪地製品',270],
[203,'特種機織物;簇絨織物;花邊;裝飾毯;裝飾帶;刺繡品',271],
[203,'浸漬、塗布、包覆或存壓地紡織物;工業用紡織製品',272],
[203,'針織物及鉤編織物',273],
[203,'針織或鉤編的服裝及衣著附件',274],
[203,'非針織或非鉤編的服裝及衣著附件',275],
[203,'其他紡織製成品;成套織物;舊衣著及舊紡織品;碎織物',276],
[204,'鞋靴、護腿和類似產品及其零件',277],
[204,'帽類及其零件',278],
[204,'雨傘、陽傘、手杖、鞭子、馬鞭及其零件',279],
[204,'已加工羽毛、羽絨及其製品;人造花;人發製品',280],
[205,'石料、石膏、水泥、石棉、雲母及類似材料製品',281],
[205,'陶瓷產品',282],
[205,'玻璃及其製品',283],
[206,'天然或養殖珍珠、寶石或半寶石、貴金屬、寶貴金屬及其製品;仿首飾;硬幣',284],
[207,'鋼鐵',285],
[207,'鋼鐵製品',286],
[207,'銅及其製品',287],
[207,'鎳及其製品',288],
[207,'鋁及其製品',289],
[207,'(保留為稅則將來所用)',290],
[207,'鉛及其製品',291],
[207,'鋅及其製品',292],
[207,'錫及其製品',293],
[207,'其他賤金屬、金屬陶瓷及其製品',294],
[207,'賤金屬工具、器具、利口器、餐匙、餐叉及其零件',295],
[207,'賤金屬雜項製品',296],
[208,'核反應堆、鍋爐、機器、機械器具及其零件',297],
[208,'電機、電氣裝置及其零件;錄音機及放聲機、電視圖象、聲音的錄製和重放裝置及其零件、附件',298],
[209,'鐵道及電車道機車、車輛及其零件;鐵道及電車道軌道固定裝置及其零件、附件;各種機械(包括電動機械)交通訊號裝置',299],
[209,'車輛及其零件、附件,但鐵道及電車道車輛除外',300],
[209,'航空器、航天器及其零件',301],
[209,'船舶及浮動結構體',302],
[210,'光學、照相、電影、計量、檢驗、醫學或外科用儀器及裝置、精密一起及裝置;上述物品的零件、附件',303],
[210,'鐘錶及其零件',304],
[210,'樂器及其零件、附件',305],
[211,'武器、彈藥及其零件、附件',306],
[212,'傢具;寢具、褥墊、彈簧床墊、軟座墊及類似的填充製品;未列名燈具及照明裝置;發游標志、發光銘牌及類似品;活動房屋',307],
[212,'玩具、遊戲品運動用品及其零件、附件',308],
[212,'雜項製品',309],
[213,'藝術收藏品及古物',310],
[3,'投資准入',311],
[3,'投資經營',312],
[3,'投資退出',313],
[4,'著作權',314],
[4,'商標',315],
[4,'地理標識',316],
[4,'工業設計',317],
[4,'專利',318],
[4,'整合電路布圖設計',319],
[4,'未披露資訊',320]
]

window.onload = function(){
  form = document.forms[0];
 
  form.selP1.setAttribute("subElement", "selP2"); 
  form.selP2.setAttribute("subElement", "selP3");
  form.selP3.setAttribute("subElement", "selP4");
 
//  setupCascadeSelect(form.selP1, 0, aryPType, false);
new CascadeSelect(form.selP1, "0", aryPType);
}
-->
</script>
</head>
<body>
<form name="form1" method="post" action="">
  <select name="selP1" id="selP1" >
  </select>
  <br>
  <select name="selP2" id="selP2">
  </select>
  <br>
  <select name="selP3" id="selP3">
  </select>
  <br>
  <select name="selP4" id="selP4">
  </select>
  <br>
</form>
<div id="times"></div>
</body>
</html>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.