Question

在我的网上商店中，大号可能比小号贵。因此，当用户选择尺寸时，我想更新产品展示中的价格。

默认情况下，我显示产品的价格。变体的尺寸可以有不同的价格...

这是我的产品展示中的表格。

<h4 id="product_price"><%= number_to_currency_euro @product.price %></h4>
  <%= form_tag admin_sale_items_path , input_html: {id: "salesform"} do %>
    <%= hidden_field_tag :product_id, @product.id %>
    <%= hidden_field_tag :user_id, @token %>
    <%= hidden_field_tag :quantity, 1 %>
      <%= select_tag :variant_id, options_from_collection_for_select(@product_size_options, :id, :size_and_color_stock), class: 'custom-select variant', required: true %>

    <%= submit_tag, class: "btn-main btn-block", id: "add_to_basket" %>
  <% end %>

我对jQuery和js不满意，因此请您在解释时:)

这是我的尝试

$('#salesform').bind(".variant").bind('ajax:success', function(){
    $('#product_price').html("<%= #the variant price %>");
});

我应该如何检索所选尺寸以使用它并找到其价格？

Answer 1

似乎您尚未编写任何ajax方法调用。尝试编写这样的Ajax调用，

$.ajax({
data : DATA_YOU_WANT_TO_PASS_TO_URL,
url : https://DATA-PROVIDER-URL,
success : function (data){
$('#product_price').html("<%= #the variant price %>");
// YOUR OTHER LOGIC for success handler
}

选择大小后动态更新相应的价格

1 个答案: