2012-10-25 41 views
2

這是我的Rails一個form_for查看: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?

回答

0

這是非常簡單的使用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); 
}); 

完成。

+0

在行'var one = this.val()'它給出一個錯誤'Uncaught TypeError:Object# has no method'val'' –