js循环的问题

<script language=JavaScript> 
   function   elementDisplays(tboxs){ 
      var div = document.getElementById('tboxs');
      if(div.style.visibility == 'hidden'){
         div.style.visibility = '';
      }else{
        div.style.visibility = 'hidden';
      }
} 
</script><table>
<tr>
<td width="13%">[ <a href="#" onclick="elementDisplays()">修改</a>]</td>
<td width="38%"><div id="tboxs" style="visibility:hidden">
<input name="name" type="text" id="name" size="15"  />
<input name="Submit" type="submit" class="button1" value="修改" />
</div>
</tr>
</table>如果只有一行，这个js没有问题，但是当我放到循环中，比如输出10行
当点击修改的时候，修改信息的文本框就始终出现在第一行的右侧
不会根据当前的是在哪行就在哪行显示另外，比如说我要用变量传递修改的信息，自动填入到文本框中，我该怎么去做呢？

解决方案 »

  1.   

    你那种写法本来就是针对一个DIV而言的吧...你写出你10行的来看看.你究竟想做什么...
      

  2.   

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <script language=JavaScript> 
           function   elementDisplays(tboxs){ 
          var div = document.getElementById('tboxs');
          if(div.style.visibility == 'hidden'){
             div.style.visibility = '';
          }else{
            div.style.visibility = 'hidden';
          }
    } 
    </script>
    <body>
    <table>
    <%for i=1 to 10%>
    <tr>
    <td width="13%"><%=i%>[ <a href="#" onclick="elementDisplays()">修改</a>]</td>
    <td width="38%"><div id="tboxs" style="visibility:hidden">
    <input name="name" type="text" id="name" size="15"  />
    <input name="Submit" type="submit" class="button1" value="修改" />
    </div>
    </tr>
    <%next%>
    </table>
    </body>
    </html>
    简单的用asp环境说明下
    我要输出10行表格，在每行点击修改后，修改对应的值
    但是现在在不同的行上面点击修改，弹出的都是第一行
      

  3.   

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <script language=JavaScript> 
           function   elementDisplays(i){ 
          var div = document.getElementById('tboxs'+i);
          if(div.style.visibility == 'hidden'){
             div.style.visibility = '';
          }else{
            div.style.visibility = 'hidden';
          }
    } 
    </script>
    <body>
    <table>
    <%for i=1 to 10%>
    <tr>
    <td width="13%"><%=i%>[ <a href="#" onclick="elementDisplays(<%=i%>)">修改</a>]</td>
    <td width="38%"><div id="tboxs<%=i%>" style="visibility:hidden">
    <input name="name" type="text" id="name" size="15"  />
    <input name="Submit" type="submit" class="button1" value="修改" />
    </div>
    </tr>
    <%next%>
    </table>
    </body>
    </html>DIV的ID动态化吧.不然用ID取的时候永远取第一个.所以就不行了.
      

  4.   

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <script language=JavaScript> 
           function   elementDisplays(obj){ 
          var div = obj.parentNode.parentNode.childNodes[1].childNodes[0];      
          if(div.style.visibility == 'hidden'){
             div.style.visibility = '';
          }else{
            div.style.visibility = 'hidden';
          }
    } 
    </script>
    <body>
    <table>
    <%for i=1 to 10%>
    <tr>
    <td width="13%"><%=i%>[ <a href="#" onclick="elementDisplays(this)">修改</a>]</td>
    <td width="38%"><div id="tboxs" style="visibility:hidden">
    <input name="name" type="text" id="name" size="15"  />
    <input name="Submit" type="submit" class="button1" value="修改" />
    </div>
    </tr>
    <%next%>
    </table>
    </body>
    </html>
      

  5.   

    <table>
    <table>
    <%for i=1 to 10%>
    <tr>
    <td width="13%"><%=i%>[ <a href="#" onclick="elementDisplays.call(this)">修改</a>]</td>
    <td width="38%"><div id="tboxs" style="visibility:hidden">
    <input name="name" type="text" id="name" size="15"  />
    <input name="Submit" type="submit" class="button1" value="修改" />
    </div>
    </tr>
    <%next%>
    </table>
    <script language=JavaScript> 
           function   elementDisplays(){ 
           obj=this.parent.parent.nextSibling.getElementById(tboxs);
          if(obj.style.visibility == 'hidden'){
             obj.pstyle.visibility = '';
          }else{
            obj.style.visibility = 'hidden';
          }
    } 
    </script>
      

  6.   

    感谢natineprince ，ok 
    结贴