html5隐藏下拉框,js下拉框实现div显示和隐藏

菜鸟教程(runoob.com)

div{display:none;}

内部通知

实验项目

作者成员：

作者成员：

上限日期：

进入查看：

www.baidu.com

var select = document.getElementById("select1");

select.onchange = function(){

var options = select.getElementsByTagName("option");

for(var i = 0; i < options.length; i++){

if(options[i].selected){

var divid = options[i].id.replace("option","div");

var divs = document.getElementsByTagName("div");

for(var j = 0; j < divs.length; j++){

if(divid == divs[j].id){

divs[j].style.display = "block";

}else{

divs[j].style.display = "none";

}

}

}

}

}