下拉列控制多个文本框显示与隐藏

function   Display()   
  {   
  var i ;
  var o;
  for(i=1;i<=4;i++)
  o=document.getElementbyId('text'+i);
  if(test1.vlaue=='-1')
  o.style.visibility='visible';
  else   
  o.style.visibility='hidden';   
  }   
<input   type=text   name=text1  id=text1   style="visibility:display">    
<input   type=text   name=text2  id=text2   style="visibility:display">   
  <input   type=text   name=text3  id=text3   style="visibility:display">   
  <input   type=text   name=text4  id=text4  style="visibility:display"> 
 

解决方案 »

  1.   

    swswssw老大，好象不行哦．我调试时说：  o=document.getElementbyId('text'+i);
    对象不支持此类属性或方法哦！
      

  2.   

    getElementbyId   改成  getElementById
      

  3.   

    Qlike(℡鱼儿) 老大！　改后没有错误了，但是还是实现不了效果．只是最后一个ＴＥＸＴ４能够顺利隐藏一次，　其他３个都没有效果！５５５５５５～～～～～～～帮帮忙啊！！！
      

  4.   

    <html>   
      <head>   
      <title>Test</title>   
      <script   language="jscript">   
      <!--   
    function Display()
    {   
    var i ;
    var o;
    for(i=1;i<=4;i++)
    {
    o=document.getElementById('text'+i);
    var test1 = document.getElementById("test1");
    if(test1.value=='-1')
    o.style.visibility='visible';
    else   
    o.style.visibility='hidden';   
    }   
    }  
    -->   
      </script>   
      </head>   
        
      <body>   
      <select   name=test1   onChange="Display()">   
      <option   value=-1>显示   
      <option   value=1>不显示   
      </select>   
    <input   type=text   name=text1  id=text1   style="visibility:display">    
    <input   type=text   name=text2  id=text2   style="visibility:display">   
      <input   type=text   name=text3  id=text3   style="visibility:display">   
      <input   type=text   name=text4  id=text4  style="visibility:display">
        </body>   
      </html>-----------------------------
    测试通过了。