html div小问题 求解

Question

有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>

Answer 1

用switch case，不过也不算太简单 

Answer 2

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";
    }
}