html div小问题 求解
有8个div 无论我点击那个的时候我只想让他显示一个 其他的都 none 有什么简单的方法啊 可以清空的
<script type="text/javascript">
function oper(){
var b = document.getElementById("select");
var val = document.getElementById("select").value;
if(val=="0"){
}else if(val=="1"){
document.getElementById("1").style.display="block";
}else if(val=="2"){
document.getElementById("2").style.display="block";
}else if(val=="3"){
document.getElementById("3").style.display="block";
}else if(val=="4"){
document.getElementById("4").style.display="block";
}else if(val=="5"){
document.getElementById("5").style.display="block";
}else if(val=="6"){
document.getElementById("6").style.display="block";
}else if(val=="7"){
document.getElementById("7").style.display="block";
}else if(val=="8"){
document.getElementById("8").style.display="block";
}
}
</script>
------解决方案--------------------用switch case,不过也不算太简单
------解决方案--------------------JScript code
var val = document.getElementById("select").value;
for(var i = 1; i <= 8; i++) {
if(val == i) {
document.getElementById(i + "").style.display="block";
}
else {
document.getElementById(i + "").style.display="none";
}
}