如何在第三个文本字段中添加两个文本字段值的rails形式？

我有一个要求，我们必须添加两个文本字段并在第三个存储为字符串的值中插入值。在下面的表格中，我想将数量和price_per_unit相乘，并将值存储在只能读取的total_amount字段中。请帮帮我。如何在第三个文本字段中添加两个文本字段值的rails形式？

这是我的形式：

<%=form_for([:invoice_detail,@multiple_good], html: {class: 'form-horizontal', role: 'form' }) do |f| %> 

    <div class="field"> 
     <%= f.label :description_of_goods, :class => 'control-label' %> 
     <div class="controls"> 
     <%= f.text_field :description_of_goods, :class => 'text_field', :required => true,:maxlength => 20, :placeholder => '20 Alpha numeric characters' %> 
     </div> 
    </div> 

    <div class="field"> 
     <%= f.label :quatity, :class => 'control-label' %> 
     <div class="controls"> 
     <%= f.text_field :quatity, :class => 'text_field', :required => true,:maxlength => 20, :placeholder => 'Enter quatity' %> 
     </div> 
    </div> 

    <div class="field"> 
     <%= f.label :price_per_unit, :class => 'control-label' %> 
     <div class="controls"> 
     <%= f.text_field :price_per_unit, :class => 'text_field', :placeholder => 'Enter price Per unit' %> 
     </div> 
    </div> 

    <div class="field"> 
     <%= f.label :total_amount, :class => 'control-label' %> 
     <div class="controls"> 
     <%= f.text_field :total_amount, :class => 'text_field', :placeholder => 'Enter Total Amount ' %> 
     </div> 
    </div> 

    <div class="form-actions2"style="text-align:center"> 
     <%= f.submit :class => 'btn btn-primary' %> 
    </div> 
    </div> 

<% end %>

来源

2015-04-01 venkat

可以有多种方式来做到这一点。

Suppossing，只有一列，total_amount在数据库中，你可以在你的模型中得到attr_accessor，然后before_save，你可以设置total_amount。

如果你想要它像一个实时的东西，那么你需要JS，这很容易。您可以

<%= f.text_field :quatity, class: "text-field", id: "quantity" ... %> 
<%= f.text_field :price_per_unit, class: "text-field", id: "price-per-unit" ... %>" 
<%= f.text_field :total_amount, class: "text-field", id: "total-amount" .. readonly: true %>

，然后在JS，

$(document).on("change", "#quantity #price", function() { 
    var price = $("#price").val() || 0, 
     quantity = $("#quantity").val() || 0; 
    $("#total-amount").val(price * quantity); 
});

但我可以说，这将是糟糕的，因为我可以很容易地使用网络督察删除只读并设置值自己。但是，如果您将price和quantity作为数据库字段，则您不必担心在服务器端进行验证。

来源

2015-04-01 04:58:57 argentum47

感谢您的回答。其实价格，数量和total_amount，都是数据库领域。 – venkat 2015-04-01 05:11:32

那么，你应该明确地在模型中设置这个值，比如'before_save：proc {self.total_amount = price * quantity}'。 – argentum47 2015-04-01 05:19:10

我越来越错误，因为**无法将字符串转换为整数** – venkat 2015-04-01 05:28:12

试试这个JS添加两个文本字段并在第三个文本字段中显示总值，这个JS会自动更新文本字段中的总量而不点击。

$(document).on("keyup", "#quantity, #price", function() { 
    var price = $("#price").val(); 
    var quantity = $("#quantity").val(); 
    var total = parseInt(price) * parseInt(quantity); 
    $("#total-amount").val(total); 
});

谢谢。

来源

2016-10-14 10:21:44 Rahul2692

<script type='text/javascript'> 
$(document).on("keyup", "#item_cgst, #item_sgst", function() { 
var val1 = +$("#item_cgst").val(); 
var val2 = +$("#item_sgst").val(); 
$("#item_igst").val(val1+val2); 
}); 
</script>

试试这个，它的工作对我来说..

来源

2017-11-27 07:19:49 Dhanshree

如何在第三个文本字段中添加两个文本字段值的rails形式？

回答

相关问题