doctype html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
title
>
title
>
<
style
>
.container
.container a
.dropdown
.dropdown .dropbtn
.container a:hover, .dropdown:hover .dropbtn
.dropdown-content
.dropdown-content a
.dropdown-content a:hover
.show
style
>
head
>
<
body
>
<
div
class
="container"
>
<
a href
="#home"
>主頁
a>
<
a href
="#news"
>新聞
a>
<
div
class
="dropdown"
>
<
button
class
="dropbtn"
onclick
="myfunction()"
>下拉列表
button
>
<
div
class
="dropdown-content"
id="mydropdown"
>
<
a href
="#"
>link 1
a>
<
a href
="#"
>link 2
a>
<
a href
="#"
>link 3
a>
div>
div>
div>
<
h3>導航欄中的下拉列表
h3>
<
p>點選按鈕顯示下拉列表
p>
body
>
html
>
<
script
>
/*點選按鈕，下拉列表在 顯示/隱藏 之間切換
*/function
myfunction()
//點選下拉列表意外區域隱藏
window.onclick
=function
(e) }}
script
>
單個的點選展示下拉列表比較簡單。比如點選右上角的設定按鈕會彈出修改密碼和退出功能等。
多個的點選式下拉列表導航：
JS操作下拉列表
1 往下拉框中新增選項 var item new option title,value document.all.ddlname.add item 2 刪除下拉框中的某一項 var obj document.getelementbyid ddlname obj.remove obj.options ...
JS 點選按鈕建立列表
優化 common.js created by administrator on 2017 09 18.function my id 設定任意元素的中間的文字內容 function setinnnertext element,text else 獲取任意元素的中間的文字內容 function get...
js控制select 下拉列表
通過js控制select下拉列表 通過js獲取select下拉列表的值class form control 1option events 利用以下函式，可以取到被選中的option的位 getselected function 或利用此函式可以獲取被選中的option的值 getselected f...