js控制2个form下相同DIV的显示、隐藏

一个页面有两个from，现在要通过点击，显示不同form下的Div(开始div隐藏，div的name、id都相同) <script>
   function test1(){
      document.form1.1.style="block";
   }
   function test2(){
      document.form2.1.style="block";
   }
 </script><form name="form1" id="form1">
  <table>
    <tr>
     <td>
       <div name="1" id="1" style="display:none">xxxxx</div>
     </td>
    </tr>
    <tr>
     <td>
       <input type="button" value="test" onclick="test1()">
     </td>
    </tr>
  </table>
</form><form name="form2" id="form2">
  <table>
    <tr>
     <td>
       <div name="1" id="1" style="display:none">yyyyy</div>
     </td>
    </tr>
    <tr>
     <td>
       <input type="button" value="test" onclick="test2()">
     </td>
    </tr>
  </table>
</form>

解决方案 »

  1.   

    id好像不能用1,2这样的命名吧，可以改一下，如d1,d2都可以
      

  2.   

    第二个表单的id改为‘2’吧。
    命名不要用数字，姑且这么做喽。 function test1(){
        var oDiv = document.getElementById('1');
        if(oDiv.style.display=='none') {
            oDiv.style.display='block';
        } else {
            oDiv.style.display='none';
        }
       }
       function test2(){
        var oDiv = document.getElementById('2');
        if(oDiv.style.display=='none') {
            oDiv.style.display='block';
        } else {
            oDiv.style.display='none';
        }
       }“ document.form1.1.style”
    不知道你这个是干什么。forms对象集合最好，W3C标准。
    你这个是IE的，而且，数字做id也是不行的。
      

  3.   

    很傻的硬编码方式 54了ID只和DOM结构有关系
    function test1(){
    document.form1.children[0].getElementsByTagName('div')[0].style.display = 'block';
    }
    function test2(){
    document.form2.children[0].getElementsByTagName('div')[0].style.display = 'block';
    }
      

  4.   

       function test1(){
          document.form1.name.style="block";
       }
    这个name 指的是属于form中的控件的name,比如<input name = "1"/>才可以用
    你要取的div不属于form控件，所以加个id取好了
      

  5.   

    <form name="form1" id="form1">
      <table>
        <tr>
         <td>
           <div name="name1" id="name1" style="display:none">xxxxx</div>
         </td>
        </tr>
        <tr>
         <td>
           <input type="button" value="test" onclick="test1()">
         </td>
        </tr>
      </table>
    </form><form name="form2" id="form2">
      <table>
        <tr>
         <td>
           <div name="name1" id="name1" style="display:none">yyyyy</div>
         </td>
        </tr>
        <tr>
         <td>
           <input type="button" value="test" onclick="test2()">
         </td>
        </tr>
      </table>
    </form>
     <script>
       function test1(){
          var obj=document.form1.getElementsByTagName("div");
      var len=obj.length;
      for(i=0;i<len;i++){
    if(obj[i].name=="name1"){
    obj[i].style.display="block";
    }
      }
       }
       function test2(){
          var obj=document.form2.getElementsByTagName("div");
      var len=obj.length;
      for(i=0;i<len;i++){
    if(obj[i].name=="name1"){
    obj[i].style.display="block";
    }
      }
       }
     </script>不确定DIV位置的方法
      

  6.   

    id是不可以相同的！！
    可以用namefor(var i=0;i<document.getElementsByName("1").length;i++){
     document.getElementsByName("1")[i].value = ""
    }
      

  7.   

    document.getElementsByName("1")[i].style.display="block"
      

  8.   


    <script>
       function test1(){
          document.form1.getElementsByTagName("div")[0].style.display="block";
       }
       function test2(){
          document.form2.getElementsByTagName("div")[0].style.display="block";
       }
     </script>
      

  9.   

    单独试了你的可以，我自己写的就是不行啊<html>
    <head>
    <title>123.html</title>
    <script>
       function test1(){
          var obj=document.form2.getElementsByTagName("div");
          var len=obj.length;
          alert(len);
          for(i=0;i<len;i++){
            if(obj[i].name=="888880101035700"){
                alert(obj[i].name);
                obj[i].style.display="block";
            }
          }
       }
    </script>
    </head> <body>
    <form action="" method="POST" name="form2" id="form2">
    <TABLE cellSpacing=0 cellPadding=2 width="100%" border=0>
    <TBODY>
    <TR>
    <TD class=td_leftItem  width="26%">
    <input type="radio" name="payOrgId_s" value="888880101045700" />
    123
    </TD>
    </TR>
    <TR>
    <TD class=td_leftItem  width="26%">
     <div name="888880101035700" id="888880101035700" style="display:none">
    <input type="radio" name="payOrgId_s" value="888880101035700" checked="checked" />
    456
    </div>
    </TD>
    </TR>
    <TR>
    <TD class=td_leftItem  width="26%">
    <input type="radio" name="payOrgId_s" value="888880101055700" />
    789
    </TD>
    </TR>
    <tr>
    <TD>
    <input type="submit" value="确认无误，提交" onclick="test1();" />
    </TD>
    </TR>
    </TBODY>
    </TABLE>
    </from>
    <script type="text/javascript"></script>
    </body>
    </html>
      

  10.   


    function test2(){
          var obj=document.form2.getElementsByTagName("div");
          var len=obj.length;
          for(i=0;i<len;i++){
            if(obj[i].name=="name1"){
                obj[i].style.display="block";
            }
          }
       }
    为什么这段脚本 火狐不支持啊
      

  11.   


       function test2(){
          var t ="888880101035700";
          var obj=document.form2.getElementsByTagName("div");
          alert("1");
          var len=obj.length;
          alert("obj.length===="+obj.length);
          for(i=0;i<len;i++){
            alert("obj[i].name==="+obj[i].name);
            if(obj[i].name==t){
                alert("2");
                alert(document.form2.getElementsByTagName("div")[i].name);
                obj[i].style.display='block';
            }else{
              alert("不存在");
            }
          }
       }为何这句obj[i].name在火狐下无效啊
      

  12.   

    obj[i].name 换为obj[i].getAttribute("name")
      

  13.   

    不是form表单元素，最好还是别用name的好