0

新しい製品の作成フォームを作成しています。フィールド foodio_price と Selling_price があります。ここで私がやりたいことは、ユーザーが foodio_price を入力すると、 Selling_price がバックエンドで計算され、それとともに表示されることです。私のフォームビューは次のとおりです。

 <%= nested_form_for @product do |f| %>
<%= f.label :name, "Product Name"%>
    <%= f.text_field :name %>
    <%= f.label :foodio_price %>
    <%= f.text_field :foodio_price %>
    <%= f.label :selling_price, "Selling Price"%>
    <%= @product.selling_price %>
    <%= f.submit %>
 <% end %>

製品モデルでは、販売価格が計算されます。ユーザーがフォームをリロードせずに foodio_price を入力したときに、selling_price を動的に表示する方法を誰か教えてもらえますか?

4

1 に答える 1

1

JQuery の使用: 

$(document).ready(function(){
      $(':input[name*="foodio_price"]').change(function() {
        var fprice = $(this).val();
        // Obtain the selling price from server
        $.get("my_server_url", { fprice: fprice })
        .done(function(data) {
            $(':input[name*="selling_price"]').val(data);
        });
      });
}
于 2013-03-12T04:34:43.860 に答える