這篇文章主要介紹了如何用JavaScript制作下拉菜單的相關知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇如何用JavaScript制作下拉菜單文章都會有所收獲，下面我們一起來看看吧。

我們提供的服務有：成都網(wǎng)站設計、網(wǎng)站建設、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、小店ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的小店網(wǎng)站制作公司

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

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

JavaScript如何制作下拉菜單？

js下拉菜單制作

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

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

代碼

  
  
  


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