日期:2014-05-20  浏览次数:20734 次

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