這篇文章將為大家詳細講解有關JavaScript怎么制作下拉菜單，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網綜合服務，包含不限于成都網站設計、做網站、嵊泗網絡推廣、微信小程序、嵊泗網絡營銷、嵊泗企業(yè)策劃、嵊泗品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供嵊泗建站搭建服務，24小時服務熱線：18982081108，官方網址：www.cdcxhl.com

JavaScript制作下拉菜單的方法：1、利用value屬性獲取下拉菜單的選項；2、根據選項決定div的狀態(tài)；3、利用style.display樣式隱藏或顯示div即可。

本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript如何制作下拉菜單？

js下拉菜單制作

一、用js通過下拉菜單來實現div的隱藏和顯示

思路：利用value屬性獲取下拉菜單的選項→根據選項決定div的狀態(tài)→利用style.display樣式隱藏或顯示div。實例演示如下：

代碼

  
  
  


  
    顯示
    隱藏
  
  我是一個div么呀我是一個div