Question

我有jquery ajax函数来获取值作为我的控制器的参数并将HTML发送回购物车表。

    $(document).ready(function () {
    $(".Quantity").change(function () {
        var ProID = $(this).attr("data");
        var Quatity = $(".Quantity").val();
        $.ajax({
            type: "GET", url: "/Cart/UpdateValue", data: { ProID: ProID, quantity: Quatity },
            success: function (data) {
                $(".cart_box").html(data);

            }
        }
            );
    });
});

所以在我看来

<tbody>
                @foreach (var line in Model.Cart.Lines)
                {
                    <tr>

                        <td>@line.Product.Name
                        </td>
                        <td style="text-align: center; padding: 0">@Html.DropDownList("Quantity", new SelectList(ViewBag.Items as System.Collections.IList, "Value", "Text", line.Quantity.ToString()), new { data=line.Product.ProductID ,@class="Quantity"})</td>
                        <td>@string.Format("{0:00,0 VNĐ}", line.Product.Price)</td>
                        <td>@string.Format("{0:00,0 VNĐ}", (line.Quantity * line.Product.Price))</td>
                        <td>Button</td>
                    </tr>
                }

            </tbody>`

如果我更改了下拉列表中的值，它只会发生一次，而且只发生在第一行。有人能告诉我我的错误是什么吗？编辑：这是购物车索引视图的控制器：

 public ViewResult Index(string returnUrl)
    {
        List<SelectListItem> items = new List<SelectListItem>();
        for (int i = 1; i <= 10; i++)
        {
            items.Add(new SelectListItem { Text = i.ToString(), Value = i.ToString() });
        }
        ViewBag.Items = items;
        return View(new CartIndexViewModel { Cart = GetCart(), ReturnUrl = returnUrl });
    }

当ajax成功请求时，这是控制器：

public PartialViewResult UpdateValue(int ProID, int quantity)
    {
        List<SelectListItem> items = new List<SelectListItem>();
        for (int i = 1; i <= 10; i++)
        {
            items.Add(new SelectListItem { Text = i.ToString(), Value = i.ToString() });
        }
        ViewBag.Items = items;
        Product product = repository.Products.FirstOrDefault(p => p.ProductID == ProID);
        if (product != null)
        {
            GetCart().UpdateItem(product, quantity);

        }
        CartIndexViewModel ptview = new CartIndexViewModel {Cart=GetCart(),ReturnUrl="/"};
        return PartialView(ptview);
    }

Answer 1

您似乎正在用成功的新列表替换旧列表 -

在这种情况下，您可以尝试使用像这样的事件委托 -

$(document.body).on('change','.Quantity',function () {

从dropdownList获取的值只改变一次？

1 个答案: