Question

如何让一个下拉菜单变成一个js的菜单

Answer 1

思路：利用value属性获取下拉菜单的选项→根据选项决定div的状态→利用style.display样式隐藏或显示div。实例演示如下：
1、HTML结构

1
2
3
4
5

<select id="test_select">
<option value="1">显示</option>
<option value="2">隐藏</option>
</select>
<div id="test">我是一个div么呀我是一个div</div>

2、javascript代码

1
2
3
4
5
6
7

window.onload = function(){
var obj_select = document.getElementById("test_select");
var obj_div = document.getElementById("test");
obj_select.onchange = function(){
obj_div.style.display = this.value==1? "block" : "none";
}
}

3、效果演示