快捷導(dǎo)航

JavaScript實(shí)現(xiàn)級(jí)聯(lián)菜單的方法

更新時(shí)間：2015年06月29日 16:19:49 作者：林蛤蛤

這篇文章主要介紹了JavaScript實(shí)現(xiàn)級(jí)聯(lián)菜單的方法,涉及javascript頁(yè)面元素操作的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript實(shí)現(xiàn)級(jí)聯(lián)菜單的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<html>
<head>
 <title>test</title>
 <script type="text/javascript">
  function f()
  {
   var sel=document.getElementById("country");
   var sel2=document.getElementById("city");
   var cnarr1=new Array("bj","sh")
   var cnarr2=new Array("beijing","shanghai")
   var usaarr1=new Array("dc","ny")
   var usaarr2=new Array("Washington","NewYork")
   for(var i=sel2.length;i>=0;i--){
    sel2.removeChild(sel2.childNodes[i]);
   }
   var op=document.createElement("option");
   op.value="please";
   op.text="please";
   sel2.appendChild(op);
   if(sel.value=='USA'){
    for(i=0;i<2;i++){ 
     op.value=usaarr1[i];
     op.text=usaarr2[i];
     sel2.appendChild(op);
    }
   }
   else if(sel.value=='CN'){
    for(i=0;i<2;i++){ 
     op.value=cnarr1[i];
     op.text=cnarr2[i];
     sel2.appendChild(op);
    }
   }
  }
 </script>
</head>
<body>
<select onchange="f()" id='country'>
 <option >please</option>
 <option value='USA'>America</option>
 <option value='CN'>China</option>
</select>
<select id='city'>
 <option >please</option>
</select>
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

解決webpack打包速度慢的解決辦法匯總
本篇文章主要介紹了徹底解決webpack打包慢的解決辦法匯總，詳細(xì)的介紹了3種方法，有興趣的可以了解一下
2017-07-07
Bootstrap復(fù)選框和單選按鈕美化插件(推薦)
這篇文章主要介紹了Bootstrap復(fù)選框和單選按鈕美化插件的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
JS針對(duì)Array的各種操作匯總
這篇文章主要為大家詳細(xì)介紹了JS針對(duì)Array的各種操作,如何創(chuàng)建Array,數(shù)組的一些簡(jiǎn)單和基本的操作,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
JavaScript改變this指向的四種方法(bind、call、apply 和箭頭函數(shù))
JavaScript中的this是一個(gè)非常重要且容易困惑的概念,主要用于引用執(zhí)行上下文,然而,this的指向經(jīng)常因?yàn)椴煌膱?zhí)行環(huán)境而改變,為了解決這個(gè)問題,JavaScript提供了多種方法來明確指定this的指向,本文將詳細(xì)介紹JavaScript中常用的四種改變this指向的方法
2025-03-03
js將圖片轉(zhuǎn)base64的兩種實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于js將圖片轉(zhuǎn)base64的兩種實(shí)現(xiàn)方法,Base64是網(wǎng)絡(luò)上最常見的用于傳輸8Bit字節(jié)碼的編碼方式之一,Base64就是一種基于64個(gè)可打印字符來表示二進(jìn)制數(shù)據(jù)的方法,需要的朋友可以參考下
2023-07-07
微信小程序封裝多張圖片上傳api代碼實(shí)例
這篇文章主要介紹了微信小程序封裝多張圖片上傳api代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-12-12
JavaScript讀取XML文件的幾種方法
XML是一種標(biāo)記語言,用于存儲(chǔ)和傳輸數(shù)據(jù),它是從SGML簡(jiǎn)化而來的,XML經(jīng)常被用來在不同的應(yīng)用程序之間或同一個(gè)應(yīng)用程序的不同部分之間交換數(shù)據(jù),同時(shí)還可以用于網(wǎng)絡(luò)應(yīng)用的數(shù)據(jù)配置和信息存儲(chǔ),在JavaScript中,通常有幾種方法,需要的朋友可以參考下
2025-01-01
js中的getAttribute方法使用示例
getAttribute()方法是一個(gè)函數(shù)。它只有一個(gè)參數(shù)——你打算查詢的屬性的名字,下面為大家介紹下其具體的使用
2014-08-08
微信小程序?qū)崿F(xiàn)圖片懶加載的示例代碼
本篇文章主要介紹了微信小程序?qū)崿F(xiàn)圖片懶加載的示例代碼，實(shí)現(xiàn)的原理是通過頁(yè)面預(yù)加載圖片，對(duì)用戶體驗(yàn)度會(huì)有一定的提高，具有一定的參考價(jià)值，有興趣可以了解一下
2017-12-12
JSON 數(shù)字排序多字段排序介紹
JSON 數(shù)字排序在使用中比較常見，在本文將為大家詳細(xì)介紹下具體是如何排序的，感興趣的朋友可以參考下
2013-09-09