Question

我有一个用Asp.Net编写的购物车解决方案。在购物车网页中，我有一个产品列表视图，每个项目都有一个数量下拉列表。我想在用户更改数量时更新每个项目的总价。我想使用dropdownlist的jquery和onchange事件。

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

     <LayoutTemplate>

         <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
     </LayoutTemplate>
     <ItemTemplate>
         <div class="margin">
         <table class="tbl">
              <tbody>
                  <tr>
                      <td class="four">
                         <table>
                             <tbody>
                                 <tr>
                                    <td class="fone"><%# Eval("Total")%></td>
                                    <td class="ftwo">
                                        <asp:DropDownList ID="lstCount" runat="server" CssClass="DropDownList" onchange="" >
                                            <asp:ListItem Text="1" Value="1" />
                                            <asp:ListItem Text="2" Value="2" />
                                            <asp:ListItem Text="3" Value="3" />
                                            <asp:ListItem Text="4" Value="4" />
                                            <asp:ListItem Text="5" Value="5" />

                                       </asp:DropDownList>
                                    </td>
                                    <td class="ffour"><%# Eval("Price")%>
                                    </td>

Answer 1

您可以在变更时获得下拉值，例如

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

您可以参考here

使用ListView中的dropdownlist onchange事件更新购物车中的数量

1 个答案: