asp.net 购物车更新 cookie 中的数量

Question

在购物车网页中，我有这个列表视图来显示购物车中的物品：

 <asp:ListView ID="List" runat="server" DataKeyNames="ID">


          <table class="tbl">
                    <tr>
                      <td class="one">
                        <h4><%# Eval("ID")%></h4>
                      </td>
                      <td class="two">
                         <h4><%# Eval("Name")%></h4>
                      </td>
                      <td class="fone"><%# Eval("Total")%></td>

                      <td>
                          <asp:DropDownList runat="server" CssClass='drop' SelectedValue='<%# Eval("Qty")%>'>
                          <asp:ListItem value="1">1</asp:ListItem>
                          <asp:ListItem value="2">2</asp:ListItem>
                          <asp:ListItem value="3">3</asp:ListItem>
                          <asp:ListItem value="4">4</asp:ListItem>
                         </asp:DropDownList>
                      </td> 

                      <td class="ffour"><%# Eval("Price")%></td>
                    </tr>

            </table>

items 从 cookie 中检索。当用户将商品添加到购物车时，商品添加到此 listview 中。 我已经编写了 jquery 代码，当用户更改一件商品的数量时，总价格会自动更改。

 $('.drop').on('change', function () {
               var tr = $(this).closest('tr');
               var price = $(tr).find('.ffour').html();
               $(tr).find('.fone').html(price * $(this).val());
           });

当用户改变数量时，cookie中的数量也改变了怎么办？例如，当用户将第一行的数量从1变为2时，网站cookie中的数量从1变为2。

cookie 的名称是 'SiteCookie' 。并且有数量的产品。

Answer 1

首先拿这个js for Cookies然后

       $('.drop').on('change', function () {
           $.cookie("qty",$(this).closest('tr'))
           var price = $(tr).find('.ffour').html();
           $(tr).find('.fone').html(price * $.cookie("qty"));
       });

在页面加载时，您也可以调用 cookie...如果 cookie 有值，则执行此操作

      $(tr).find('.fone').html(price * $.cookie("qty"));