嵌套表格中取数据问题

页面代码如下，在一个Div(id=1)中有一个表格，表格下面有一个Div(id=2), 在Div=2这个里面有一个相同的表格（input的id相同)，然后如此一直循环下去，请问怎样写一段JS，能取到所有表格中控件的数据？
<body>
    <form id="form1" runat="server">
    <div>
        <div id="1">
            <table>
                <tr>
                    <td>
                        <input id="chk" type="checkbox" />
                    </td>
                    <td>
                        <input id="txt" type="text" />
                    </td>
                    <td>
                        <select id="Select1">
                            <option></option>
                        </select>
                    </td>
                </tr>
            </table>
            <div id="2">
                <table>
                    <tr>
                        <td>
                            <input id="Checkbox1" type="checkbox" />
                        </td>
                        <td>
                            <input id="Text1" type="text" />
                        </td>
                        <td>
                            <select id="Select2">
                                <option></option>
                            </select>
                        </td>
                    </tr>
                </table>
                <div id="3">
                    <table>
                        <tr>
                            <td>
                                <input id="Checkbox2" type="checkbox" />
                            </td>
                            <td>
                                <input id="Text2" type="text" />
                            </td>
                            <td>
                                <select id="Select3">
                                    <option></option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    </form>
</body>

解决方案 »

  1.   

    本帖最后由 net_lover 于 2010-04-01 13:23:42 编辑
      

  2.   

    您好，是我说错了，每个DIV中table，包括table中的控件的ID都是一样的。(table是动态生成的，在每个table下面重新画一个div，然后再下个div里再生成一个table)
      

  3.   


      <form id="form1" runat="server">
      <div>
      <div id="1">
      <table>
      <tr>
      <td>
      <input id="chk" type="checkbox"/>
      </td>
      <td>
      <input id="txt" type="text" value="a"/>
      </td>
      <td>
      <select id="Select1">
      <option value="1">1</option>
      </select>
      </td>
      </tr>
      </table>
      <div id="2">
      <table>
      <tr>
      <td>
      <input id="Checkbox1" type="checkbox" checked="true"/>
      </td>
      <td>
      <input id="Text1" type="text" value="b"/>
      </td>
      <td>
      <select id="Select2">
      <option value="2">2</option>
      </select>
      </td>
      </tr>
      </table>
      <div id="3">
      <table>
      <tr>
      <td>
      <input id="Checkbox2" type="checkbox" />
      </td>
      <td>
      <input id="Text2" type="text" value="c" />
      </td>
      <td>
      <select id="Select3">
      <option value="3">3</option>
      </select>
      </td>
      </tr>
      </table>
      </div>
      </div>
      </div>
      </div>
      </form>
      <INPUT TYPE="button" VALUE="get" ONCLICK="getData()">
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function getData() {
    for (var i=0; i<form1.elements.length; i++)
    {
    var obj = form1.elements[i];
    if (obj.tagName == "SELECT")
    {
    alert(obj.value);
    }
    else {
    if (obj.type == "checkbox") alert(obj.checked);
    if (obj.type == "text") alert(obj.value);
    }
    }
    }
      //-->
      </SCRIPT>