Javascript 自动在Rails表单_中为

Javascript 自动在Rails表单_中为,javascript,ruby-on-rails-3,forms,Javascript,Ruby On Rails 3,Forms,这是我的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_f

这是我的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?

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

完成。

var one=this.val()行上它给出了一个错误
uncaughttypeerror:Object#没有方法“val”