提交包含多行的动态表单

时间:2013-03-01 16:42:37

标签: jquery asp.net razor

将表单数据写入database.a表单时会出现问题,该表单会在运行中创建多行 通过克隆表单控件和递增文本框名称和id属性。但是当我发布表单时,只有第一行写入数据库。

 var ind = Request.Form.Count;

foreach(int i = 0; i < ind; i++){ 
   if (IsPost)
 {
       Item_No = Request.Form.Item_No[i];
       Item_Desc = Request.Form.Item_Desc[i];
       Qty = Request.Form.Qty[i];
       var db = Database.Open("s2k");
       var insertQuery = "INSERT INTO OrderItems" +
      "(Item_No, Item_Desc, Qty)" +
      "Values (@0, @1, @2)";
       db.Execute(insertQuery, Item_No, Item_Desc, Qty);
       Response.Redirect("~");
   }
  }

添加新的表单元素

function addTableRow(table)
            {
            var $tr = $(table).find("tbody tr:last").clone();               
            $tr.find("input,select").val('').attr("name", function()
    {      
      var parts = this.id.match(/(\D+)(\d+)$/);

      return parts[1] + ++parts[2];   
    }).attr("id", function(){
            var parts = this.id.match(/(\D+)(\d+)$/);
            return parts[1] + ++parts[2];
                });             
                $(table).find("tbody tr:last").after($tr);
            };

形式

<form method="post" id = "form" title= "form">
            <table>             
                  <thead>
           <tr>
            <th class="product">Item_No</th>
            <th class="size">Item_Desc</th>
            <th class="price">Qty</th>
           </tr>

                </thead>
                <tbody>
                        <td><input type="text" name="Item_No" id="Item_No1"></td>
                        <td><input type="text" name="Item_Desc" id="Item_Desc1"></td>
                        <td><input type="number" name="Qty" id="Qty1"></td>
                    </tr>
                </tbody>
            </table>

            <p><input type="submit" name="buttonSubmit" value="Create Order" /></p>
    </form>

1 个答案:

答案 0 :(得分:0)

在我看来这条线就是你的问题:

  Response.Redirect("~");

你已经把它放在你的循环中了,所以在循环的第一次旅行结束时,它会执行,另一个页面将开始加载。你的循环永远不会完成。