none
点击保存的时候怎么获取自动添加的每行相应的数据 RRS feed

  • 问题

  • <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
      <title>无标题页</title>
      <style type="text/css">
      #tb .td{
      text-align: center;
      font-weight: bold;
      background-color: #6699FF;
      color: #FFFFFF;
      border:1px solid #000;
      }
      </style>
      <script src="jquery.js" type="text/javascript"></script>
      <script type="text/javascript">
      $(document).ready(function() {
      //隐藏模板tr
      $("#tb tr").eq(2).hide();
      var i = 0;
      $("#BtAdd").click(function() {
         //复制一行
      var tr = $("#tb tr").eq(2).clone();
       
      tr.show();
      tr.appendTo("#tb");
      });
      $("#BtDel").click(function() {
      $("#tb tr:gt(2)").each(function() {
      if ($(this).find("#CK").get(0).checked == true) {
      $(this).remove();
      }
      });
      i = 0;
      $("#tb tr:gt(2)").each(function() {
      $(this).find("td").get(0).innerHTML = ++i;
      });
      $("#CKA").attr("checked", false);
      });
       
      })
      </script>
      <script type="text/javascript">
      function save(o){
      var tb = o.parentNode.parentNode.parentNode.parentNode;
      var list = tb.getElementsByTagName("input");// .getElementsByName("txtname");
      //alert(o.parentNode.parentNode.childNodes.length);
      //var li = tb.getElementsByTagName("select");
      //alert(list[1].value);
      //alert(list[2].value);
      var a=tb.getElementsByTagName("DropDownList");
      alert(list[1].value);
      }
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
      <div>
      <table id="tb" style="border:1px solid #000;">
      <tr>
      <td colspan="10" style="text-align:right">
      <input id="BtAdd" type="button" value="添加" /></td>
      </tr>
      <tr>
      <td style="width:80px;">
      行程介绍</td>
      <td style="width:80px;">
      酒店名称</td>
      <td style="width:80px">
      选择景点</td>
      <td style="width:80px">
      选择景点</td>
      <td style="width:80px">
      选择景点</td>
      <td style="width:80px">
      选择景点</td>
      <td style="width:80px">
      选择景点</td>
      <td style="width:80px">
      </td>
      </tr>
      <tr>
      <td style="text-align: center">
      <input type="text" name="TName" style="width:80px" /></td>
      <td style="text-align: center">
      <asp:DropDownList ID="ddljiudian" runat="server">
      <asp:ListItem>成都酒店</asp:ListItem>
      <asp:ListItem>上海酒店</asp:ListItem>
      <asp:ListItem>北京酒店</asp:ListItem>
      <asp:ListItem>西安酒店</asp:ListItem>
      </asp:DropDownList>
      </td>
      <td style="text-align: center">
      <asp:DropDownList ID="ddljda" runat="server">
      <asp:ListItem>九寨沟</asp:ListItem>
      <asp:ListItem>鞍山</asp:ListItem>
      <asp:ListItem>丽江</asp:ListItem>
      <asp:ListItem>张家界</asp:ListItem>
      </asp:DropDownList></td>
      <td style="text-align: center">
      <asp:DropDownList ID="ddljdb" runat="server">
      <asp:ListItem>九寨沟</asp:ListItem>
      <asp:ListItem>鞍山</asp:ListItem>
      <asp:ListItem>丽江</asp:ListItem>
      <asp:ListItem>张家界</asp:ListItem>
      </asp:DropDownList></td>
      <td style="text-align: center">
      <asp:DropDownList ID="ddljdc" runat="server">
      <asp:ListItem>九寨沟</asp:ListItem>
      <asp:ListItem>鞍山</asp:ListItem>
      <asp:ListItem>丽江</asp:ListItem>
      <asp:ListItem>张家界</asp:ListItem>
      </asp:DropDownList></td>
      <td style="text-align: center">
      <asp:DropDownList ID="ddljdd" runat="server">
      <asp:ListItem>九寨沟</asp:ListItem>
      <asp:ListItem>鞍山</asp:ListItem>
      <asp:ListItem>丽江</asp:ListItem>
      <asp:ListItem>张家界</asp:ListItem>
      </asp:DropDownList></td>
      <td style="text-align: center">
      <asp:DropDownList ID="ddljde" runat="server">
      <asp:ListItem>九寨沟</asp:ListItem>
      <asp:ListItem>鞍山</asp:ListItem>
      <asp:ListItem>丽江</asp:ListItem>
      <asp:ListItem>张家界</asp:ListItem>
      </asp:DropDownList></td>
      <td style="text-align: center">
      <input type="button" value="保存" onclick="save(this)" />
      </td>
      </tr>
      </table>
       
      </div>
      </form>
    </body>
    </html>


    运行如图
    点击保存的时候怎么获取每行相应的数据
    学习中...
    2011年3月29日 2:46

答案