思路:利用value属性获取下拉菜单的选项→根据选项决定div的状态→利用style.display样式隐藏或显示div。实例演示如下:
1、HTML结构
<select id="test_select"> <option value="1">显示</option> <option value="2">隐藏</option></select><div id="test">我是一个div么呀我是一个div</div>
2、javascript代码
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"; }}