javascript - 在 Rails form_for 中自动添加数字

Question

这是form_for我的 Rails 视图：

<div class="field">
  <%= f.label :num1 %><br />
  <%= f.text_field :num1 %>
  <%= f.label :num2 %><br />
  <%= f.text_field :num2 %>
  <%= f.label :sum %><br />
  <%= f.text_field :sum %>
</div>

我想这样做，当用户在前两个字段中输入数字时，第三个字段会自动显示两个数字的总和，但用户可以手动更改第三个字段。我不确定我怎么能做到这一点，也许用一些 Javascript？

Answer 1

使用 jQuery 非常简单：

$('#num1').change(function() {
    var one = this.val();
    var two = $('#num2').val();
    $('#sum').val(one + two);
});
$('#num2').change(function() {
    var one = $('#num1').val();
    var two = this.val();
    $('#sum').val(one + two);
});

完毕。