动态添加行jquery的htmltable c#

加载DOM后，是否可以在C#中动态添加元素。下面是我的例子

其思想是通过用户干预动态添加行，然后用户提交表单，C#codebehind将迭代每个新添加的行

但是，无论添加多少行，C#都只计算1行

下面是HTML/Jquery/C#

HTML

在将新行添加到表之前

<table id="tblRecordedBags" runat="server" class="tblBags">
    <tr>
        <th>Amount</th><th>Drop Bag Number</th><th>Edit</th><th>Remove</th>
    </tr>
</table>
<input type='text' class='txtBagNum' id='txtBagNum'>

---

这是因为您是从服务器端访问它的，服务器端的

不知道DOM有任何更改。

新行将添加到浏览器中，但默认页面保持不变，该页面位于.aspx文件中，并且不会首先修改这些文件

---

要获得正确的输出，实际上可以在C#中添加行，然后重试。

我认为ASP.NET不适合javascript

一种简单的方法是使用更新面板通过服务器端添加每一行

---

另一种方法是尝试在提交之前从隐藏字段中的行中加载所有数据（例如用JSON编码）

使用Ajax让asp添加行？像回邮吗？是的。。这应该会有所帮助。否则，您可能必须使用更新面板添加：ASP.NET页面中的每个元素都是在ViewState中声明的，因此您无法轻松添加未由.NET代码声明的元素。出于兴趣，这是MVC还是表单？

$('.addBag').on('click', function(){
  $(".tblBags").append(
            '<tr class="bag"><td class="bag">'
                + $(".total").val() + '</td><td class="bagID">'
                + $(".txtBagNum").val() + '</td>'
                + "</tr>'
});

System.Diagnostics.Debug.Write(tblRecordedBags.Rows.Count);