javascript问题

Question

我写的函数是：
 function   f_show(obj)   
  {   
          if(obj.value=1)   
          {   
                  document.getElementById("ruzhu1").style.display  ="block"; 
        document.getElementById("ruzhu2").style.display  ="block"; 
          }
  else 
  {
                  document.getElementById("ruzhu1").style.display  ="none"; 
  document.getElementById("ruzhu2").style.display  ="none";
      }
  if(obj.value=2)
     {
                  document.getElementById("ruzhu1").style.display  ="block"; 
  document.getElementById("ruzhu2").style.display  ="block"; 
  document.getElementById("ruzhu3").style.display  ="block"; 
  document.getElementById("ruzhu4").style.display  ="block"; 
  }
          else   
          {   
                document.getElementById("ruzhu1").style.display  ="none"; 
 document.getElementById("ruzhu2").style.display  ="none"; 
 document.getElementById("ruzhu3").style.display  ="none"; 
 document.getElementById("ruzhu4").style.display  ="none";   
          }
   if(obj.value=3)
     {
                  document.getElementById("ruzhu1").style.display  ="block"; 
  document.getElementById("ruzhu2").style.display  ="block"; 
  document.getElementById("ruzhu3").style.display  ="block"; 
  document.getElementById("ruzhu4").style.display  ="block";
  document.getElementById("ruzhu5").style.display  ="block"; 
  document.getElementById("ruzhu6").style.display  ="block"; 
  }
          else   
          {   
                document.getElementById("ruzhu1").style.display  ="none"; 
 document.getElementById("ruzhu2").style.display  ="none"; 
 document.getElementById("ruzhu3").style.display  ="none"; 
 document.getElementById("ruzhu4").style.display  ="none";
 document.getElementById("ruzhu5").style.display  ="none"; 
 document.getElementById("ruzhu6").style.display  ="none";
          }

Answer 1

     if(obj.value=4)
     {
                  document.getElementById("ruzhu1").style.display  ="block"; 
  document.getElementById("ruzhu2").style.display  ="block"; 
  document.getElementById("ruzhu3").style.display  ="block"; 
  document.getElementById("ruzhu4").style.display  ="block";
  document.getElementById("ruzhu5").style.display  ="block"; 
  document.getElementById("ruzhu6").style.display  ="block";
  document.getElementById("ruzhu7").style.display  ="block"; 
  document.getElementById("ruzhu8").style.display  ="block"; 
  }
          else   
          {   
                document.getElementById("ruzhu1").style.display  ="none"; 
 document.getElementById("ruzhu2").style.display  ="none"; 
 document.getElementById("ruzhu3").style.display  ="none"; 
 document.getElementById("ruzhu4").style.display  ="none";
 document.getElementById("ruzhu5").style.display  ="none"; 
 document.getElementById("ruzhu6").style.display  ="none";
 document.getElementById("ruzhu7").style.display  ="none"; 
 document.getElementById("ruzhu8").style.display  ="none";
          }
       if(obj.value=5)
     {
                  document.getElementById("ruzhu1").style.display  ="block"; 
  document.getElementById("ruzhu2").style.display  ="block"; 
  document.getElementById("ruzhu3").style.display  ="block"; 
  document.getElementById("ruzhu4").style.display  ="block";
  document.getElementById("ruzhu5").style.display  ="block"; 
  document.getElementById("ruzhu6").style.display  ="block";
  document.getElementById("ruzhu7").style.display  ="block"; 
  document.getElementById("ruzhu8").style.display  ="block"; 
  document.getElementById("ruzhu9").style.display  ="block"; 
  document.getElementById("ruzhu10").style.display  ="block";
  }
          else   
          {   
                document.getElementById("ruzhu1").style.display  ="none"; 
 document.getElementById("ruzhu2").style.display  ="none"; 
 document.getElementById("ruzhu3").style.display  ="none"; 
 document.getElementById("ruzhu4").style.display  ="none";
 document.getElementById("ruzhu5").style.display  ="none"; 
 document.getElementById("ruzhu6").style.display  ="none";
 document.getElementById("ruzhu7").style.display  ="none"; 
 document.getElementById("ruzhu8").style.display  ="none";
 document.getElementById("ruzhu9").style.display  ="none"; 
 document.getElementById("ruzhu10").style.display  ="none";
          }

Answer 2

         if(obj.value=6)
     {
                  document.getElementById("ruzhu1").style.display  ="block"; 
  document.getElementById("ruzhu2").style.display  ="block"; 
  document.getElementById("ruzhu3").style.display  ="block"; 
  document.getElementById("ruzhu4").style.display  ="block";
  document.getElementById("ruzhu5").style.display  ="block"; 
  document.getElementById("ruzhu6").style.display  ="block";
  document.getElementById("ruzhu7").style.display  ="block"; 
  document.getElementById("ruzhu8").style.display  ="block"; 
  document.getElementById("ruzhu9").style.display  ="block"; 
  document.getElementById("ruzhu10").style.display  ="block";
  document.getElementById("ruzhu11").style.display  ="block"; 
  document.getElementById("ruzhu12").style.display  ="block";
  }
          else   
          {   
                document.getElementById("ruzhu1").style.display  ="none"; 
 document.getElementById("ruzhu2").style.display  ="none"; 
 document.getElementById("ruzhu3").style.display  ="none"; 
 document.getElementById("ruzhu4").style.display  ="none";
 document.getElementById("ruzhu5").style.display  ="none"; 
 document.getElementById("ruzhu6").style.display  ="none";
 document.getElementById("ruzhu7").style.display  ="none"; 
 document.getElementById("ruzhu8").style.display  ="none";
 document.getElementById("ruzhu9").style.display  ="none"; 
 document.getElementById("ruzhu10").style.display  ="none";
 document.getElementById("ruzhu11").style.display  ="none"; 
 document.getElementById("ruzhu12").style.display  ="none";
          }
           if(obj.value=7)
     {
                  document.getElementById("ruzhu1").style.display  ="block"; 
  document.getElementById("ruzhu2").style.display  ="block"; 
  document.getElementById("ruzhu3").style.display  ="block"; 
  document.getElementById("ruzhu4").style.display  ="block";
  document.getElementById("ruzhu5").style.display  ="block"; 
  document.getElementById("ruzhu6").style.display  ="block";
  document.getElementById("ruzhu7").style.display  ="block"; 
  document.getElementById("ruzhu8").style.display  ="block"; 
  document.getElementById("ruzhu9").style.display  ="block"; 
  document.getElementById("ruzhu10").style.display  ="block";
  document.getElementById("ruzhu11").style.display  ="block"; 
  document.getElementById("ruzhu12").style.display  ="block";
  document.getElementById("ruzhu13").style.display  ="block"; 
  document.getElementById("ruzhu14").style.display  ="block";
  }
          else   
          {   
                document.getElementById("ruzhu1").style.display  ="none"; 
 document.getElementById("ruzhu2").style.display  ="none"; 
 document.getElementById("ruzhu3").style.display  ="none"; 
 document.getElementById("ruzhu4").style.display  ="none";
 document.getElementById("ruzhu5").style.display  ="none"; 
 document.getElementById("ruzhu6").style.display  ="none";
 document.getElementById("ruzhu7").style.display  ="none"; 
 document.getElementById("ruzhu8").style.display  ="none";
 document.getElementById("ruzhu9").style.display  ="none"; 
 document.getElementById("ruzhu10").style.display  ="none";
 document.getElementById("ruzhu11").style.display  ="none"; 
 document.getElementById("ruzhu12").style.display  ="none";
 document.getElementById("ruzhu13").style.display  ="none"; 
 document.getElementById("ruzhu14").style.display  ="none";
          }
             if(obj.value=8)
     {
                  document.getElementById("ruzhu1").style.display  ="block"; 
  document.getElementById("ruzhu2").style.display  ="block"; 
  document.getElementById("ruzhu3").style.display  ="block"; 
  document.getElementById("ruzhu4").style.display  ="block";
  document.getElementById("ruzhu5").style.display  ="block"; 
  document.getElementById("ruzhu6").style.display  ="block";
  document.getElementById("ruzhu7").style.display  ="block"; 
  document.getElementById("ruzhu8").style.display  ="block"; 
  document.getElementById("ruzhu9").style.display  ="block"; 
  document.getElementById("ruzhu10").style.display  ="block";
  document.getElementById("ruzhu11").style.display  ="block"; 
  document.getElementById("ruzhu12").style.display  ="block";
  document.getElementById("ruzhu13").style.display  ="block"; 
  document.getElementById("ruzhu14").style.display  ="block";
  document.getElementById("ruzhu15").style.display  ="block"; 
  document.getElementById("ruzhu16").style.display  ="block";
  }
          else   
          {   
                document.getElementById("ruzhu1").style.display  ="none"; 
 document.getElementById("ruzhu2").style.display  ="none"; 
 document.getElementById("ruzhu3").style.display  ="none"; 
 document.getElementById("ruzhu4").style.display  ="none";
 document.getElementById("ruzhu5").style.display  ="none"; 
 document.getElementById("ruzhu6").style.display  ="none";
 document.getElementById("ruzhu7").style.display  ="none"; 
 document.getElementById("ruzhu8").style.display  ="none";
 document.getElementById("ruzhu9").style.display  ="none"; 
 document.getElementById("ruzhu10").style.display  ="none";
 document.getElementById("ruzhu11").style.display  ="none"; 
 document.getElementById("ruzhu12").style.display  ="none";
 document.getElementById("ruzhu13").style.display  ="none"; 
 document.getElementById("ruzhu14").style.display  ="none";
 document.getElementById("ruzhu15").style.display  ="none"; 
 document.getElementById("ruzhu16").style.display  ="none";
          }
  
为什么不好用呢

Answer 3

晕，有这么麻烦吗？？？<script>
        function f_show(obj){
            var m=parseInt(obj.value)*2;
            for(var i=1;i<=m;i++)document.getElementById("ruzhu"+i).style.display="";
            for(var i=m+1;i<=16;i++)document.getElementById("ruzhu"+i).style.display="none";
        }
        </script>
<select name="Room"  style="width:40px;" id="Room" onChange="f_show(this)"> 
<option value="0"></option> 
<option value="1">1 </option> 
<option value="2">2 </option> 
<option value="3">3 </option> 
<option value="4">4 </option> 
<option value="5">5 </option> 
<option value="6">6 </option> 
<option value="7">7 </option> 
<option value="8">8 </option> 
</select> 
<input type="text" name="ruzhu1" id="ruzhu1" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu2"  id="ruzhu2" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu3"  id="ruzhu3" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu4"  id="ruzhu4" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu5" id="ruzhu5" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu6"  id="ruzhu6" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu7"  id="ruzhu7" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu8"  id="ruzhu8" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu9" id="ruzhu9" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu10"  id="ruzhu10" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu11"  id="ruzhu11" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu12"  id="ruzhu12" style="display:none; float:left;margin-top:10px;" />
  <input type="text" name="ruzhu13" id="ruzhu13" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu14"  id="ruzhu14" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu15"  id="ruzhu15" style="display:none; float:left;margin-top:10px;" /> 
  <input type="text" name="ruzhu16"  id="Text6" style="display:none; float:left;margin-top:10px;" /> 

Answer 4

function f_show()
{
    var k=document.getElementById('Room').value;
    var dk=k*2;
    for(var i=1;i<=dk;i++)
    {
        var obj=document.getElementById('ruzhu'+i.toString());
        if(obj) obj.style.display="block"; 
    }
    
    for(var i=16;i>dk;i--)
    {
        var obj=document.getElementById('ruzhu'+i.toString());
        if(obj) obj.style.display="none"; 
    }
}

Answer 5

很多很强大~
function f_show(obj) {
    var i;
    for(i = 1; i <= parseInt(obj.value) * 2; i++) {
        document.getElementById("ruzhu"+i).style.display = "block";
    }
    for(i = parseInt(obj.value) * 2 + 1; i <= 16; i++) {
        document.getElementById("ruzhu"+i).style.display = "none";
    }
}

Answer 6

function f_show(obj) {
    for(var i = 1; i <= 16; i++) {
        document.getElementById("ruzhu"+i).style.display = (i > obj.value * 2) ? "none" : "block";
    }
}