今天看了个例子,想请大家帮助一下

Question

今天看了一个例子,我总觉得这样写法太笨了,应该可以用for(i=1; i <8; i++) {... }这样循环写法,可我水平低试了几次没试成功,请朋友帮忙改动试一下<script type="text/javascript">
   function sss3(i){
document.getElementById(i).className='schbj2';
switch(i){
case "d1":
document.getElementById("dd1").style.display="block";
document.getElementById("dd2").style.display="none";
document.getElementById("dd3").style.display="none";
document.getElementById("dd4").style.display="none";
document.getElementById("dd5").style.display="none";
document.getElementById("dd6").style.display="none";
document.getElementById("dd7").style.display="none";
document.getElementById("d2").className="schbj1";
document.getElementById("d3").className="schbj1";
document.getElementById("d4").className="schbj1";
document.getElementById("d5").className="schbj1";
document.getElementById("d6").className="schbj1";
document.getElementById("d7").className="schbj1";
document.getElementById("which").value="yx1"
break;
case "d2":
document.getElementById("dd1").style.display="none";
document.getElementById("dd2").style.display="block";
document.getElementById("dd3").style.display="none";
document.getElementById("dd4").style.display="none";
document.getElementById("dd5").style.display="none";
document.getElementById("dd6").style.display="none";
document.getElementById("dd7").style.display="none";
document.getElementById("d1").className="schbj1";
document.getElementById("d3").className="schbj1";
document.getElementById("d4").className="schbj1";
document.getElementById("d5").className="schbj1";
document.getElementById("d6").className="schbj1";
document.getElementById("d7").className="schbj1";
document.getElementById("which").value="yx2"
break;
case "d3":
document.getElementById("dd1").style.display="none";
document.getElementById("dd2").style.display="none";
document.getElementById("dd3").style.display="block";
document.getElementById("dd4").style.display="none";
document.getElementById("dd5").style.display="none";
document.getElementById("dd6").style.display="none";
document.getElementById("dd7").style.display="none";
document.getElementById("d1").className="schbj1";
document.getElementById("d2").className="schbj1";
document.getElementById("d4").className="schbj1";
document.getElementById("d5").className="schbj1";
document.getElementById("d6").className="schbj1";
document.getElementById("d7").className="schbj1";
document.getElementById("which").value="yx3"
break;
case "d4":
document.getElementById("dd1").style.display="none";
document.getElementById("dd2").style.display="none";
document.getElementById("dd3").style.display="none";
document.getElementById("dd4").style.display="block";
document.getElementById("dd5").style.display="none";
document.getElementById("dd6").style.display="none";
document.getElementById("dd7").style.display="none";
document.getElementById("d1").className="schbj1";
document.getElementById("d2").className="schbj1";
document.getElementById("d3").className="schbj1";
document.getElementById("d5").className="schbj1";
document.getElementById("d6").className="schbj1";
document.getElementById("d7").className="schbj1";
document.getElementById("which").value="yx4"
break;
case "d5":
document.getElementById("dd1").style.display="none";
document.getElementById("dd2").style.display="none";
document.getElementById("dd3").style.display="none";
document.getElementById("dd4").style.display="none";
document.getElementById("dd5").style.display="block";
document.getElementById("dd6").style.display="none";
document.getElementById("dd7").style.display="none";
document.getElementById("d1").className="schbj1";
document.getElementById("d2").className="schbj1";
document.getElementById("d3").className="schbj1";
document.getElementById("d4").className="schbj1";
document.getElementById("d6").className="schbj1";
document.getElementById("d7").className="schbj1";
document.getElementById("which").value="yx5"
break;


case "d6":
document.getElementById("dd1").style.display="none";
document.getElementById("dd2").style.display="none";
document.getElementById("dd3").style.display="none";
document.getElementById("dd4").style.display="none";
document.getElementById("dd5").style.display="none";
document.getElementById("dd6").style.display="block";
document.getElementById("dd7").style.display="none";
document.getElementById("d1").className="schbj1";
document.getElementById("d2").className="schbj1";
document.getElementById("d3").className="schbj1";
document.getElementById("d4").className="schbj1";
document.getElementById("d5").className="schbj1";
document.getElementById("d7").className="schbj1";
document.getElementById("which").value="yx6"
break;

case "d7":
document.getElementById("dd1").style.display="none";
document.getElementById("dd2").style.display="none";
document.getElementById("dd3").style.display="none";
document.getElementById("dd4").style.display="none";
document.getElementById("dd5").style.display="none";
document.getElementById("dd6").style.display="none";
document.getElementById("dd7").style.display="block";
document.getElementById("d1").className="schbj1";
document.getElementById("d2").className="schbj1";
document.getElementById("d3").className="schbj1";
document.getElementById("d4").className="schbj1";
document.getElementById("d5").className="schbj1";
document.getElementById("d6").className="schbj1";
document.getElementById("which").value="yx7"
break;


}
}
</script>

Answer 1

document.getElementById('dd'+i).innerText

Answer 2

function Do()
{
    var str='TextBox';
    for(var i=1;i<=2;i++)
    {
        var s=str+i;
        document.getElementById(str+i).value=i;
    }
    return false;
}
 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
 <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

Answer 3

 function setStyle(va )
    {
        //va 几数字
        var va1 = "dd" + va;
        var va2 = "d" + va;
        var va3 = "yx" + va;
        for(int i=1;i<8;i++)
        {
            var vc1 = "dd" + i;            
            var vc2 = "d" + i;
            var vc3 = "yx" + i;
            if(vc1 == va)
            {
                document.getElementById(vc1).style.display="block";                             
            }else
            {
                document.getElementById(vc1).style.display="none";                             
            }
            if(vc2 != va)
            {
                document.getElementById(vc2).className="schbj1"; 
            }    
            if(vc3 == va)      
            {
                document.getElementById("which").value=vc3; 
            }
        }        
    }哥们试试看