在Rails form_for中自动添加数字

Question

这是我的Rails视图中的form_for：

<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);
});

完成。