99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

JavaScript如何實現聯動菜單特效-創新互聯

小編給大家分享一下JavaScript如何實現聯動菜單特效，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創新互聯公司-專業網站定制、快速模板網站建設、高性價比岳麓網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式岳麓網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋岳麓地區。費用合理售后完善，10多年實體公司更值得信賴。

一篇關于JavaScript特效的文章，今天給大家帶來聯動菜單特效，這可能是一個系列哦！

效果圖

和以前一樣，先發效果圖，然后在進行講解。

JavaScript如何實現聯動菜單特效

代碼

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title></title>
 <link rel="stylesheet" href="">
</head>
<body>
 <h2>聯動菜單</h2>
 <select id="province" onchange="ld();">
  <option value="-1">請選擇</option>
  <option value="0">安徽</option>
  <option value="1">浙江</option>
 </select>
 <select id="city">

 </select>
</body>
<script>
 //定義地區數組
 var area = [
  ['安慶','黃山','合肥'],
  ['杭州','溫州','寧波']
 ];
 //聯動函數
 function ld(){
   var province = document.getElementById('province');//找到省對象
   var city = document.getElementById('city');//找到市對象
   var opt = '';
   //如果是請選擇，就顯示空，并結束函數
   if(province.value == -1){
   city.innerHTML = opt;
   return ;
   }
   for(var i = 0 ,len = area[province.value].length;i < len;i++){
   opt += '<option value="'+i+'">'+area[province.value][i]+'</option>';
   }
   city.innerHTML = opt;
 }
</script>
</html>

功能講解

首先創建好頁面，然后讓省下拉框響應onchange事件，onchange事件響應的條件是下拉框的值發生改變時，這里我讓onchange事件響應到ld函數中。此外我還定義了一個地區的二維數組，然后查找dom對象，根據省下拉框的值來查找是二維數組中的那一行數據，然后循環該地區城市來拼接列表項，最后添加到市的下拉框中。

看完了這篇文章，相信你對“JavaScript如何實現聯動菜單特效”有了一定的了解，如果想了解更多相關知識，歡迎關注創新互聯成都網站設計公司行業資訊頻道，感謝各位的閱讀！

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享標題：JavaScript如何實現聯動菜單特效-創新互聯
當前鏈接：http://www.yijiale78.com/article12/psedc.html

成都網站建設公司_創新互聯，為您提供定制開發、網站制作、手機網站建設、外貿建站、網站排名、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都做網站