我从一个产品列表中填充了一个表,使用jquery我在表中添加了一个新行,我想要的是从这个新行创建一个新产品并将其添加到列表中 .
这是产品型号:
public class Product
{
public int ProductId { get; set; }
public string ProductName { get; set; }
public decimal Price { get; set; }
public int ProductState { get; set; }
}
索引模型视图我显示产品列表:
public class BillViewModel
{
public SelectList ClientList { get; set; }
public int SelectedClient { get; set; }
public SelectList ProductList { get; set; }
public int ProductSelected { get; set; }
public List ListProducts { get; set; }
public List ListClients { get; set; }
}
这是视图,隐藏字段是当我点击帖子时发送产品列表:
@for (int i = 0; i < Model.ListProducts.Count(); i++)
{
@Html.DisplayFor(model => model.ListProducts[i].ProductName)
@Html.HiddenFor(model => model.ListProducts[i].ProductName)
}
从下拉列表中选择一个新产品,然后将该名称附加到表中:
$('#submit').click(function() {
$('#tabla').append('
' + $('#select option:selected').text() + '');});
问题是如何将此行(产品名称)添加到产品列表中 .
我正在考虑使用ajax或在单击添加后再进行操作并再次渲染视图 . 有没有办法通过jquery添加它而不使用ajax或转到动作链接?