2016-04-29 9 views
2

さまざまなフォームフィールドでユーザー入力値を変更するためにjQueryを使用してJavaScriptプログラムをセットアップしました。hidden_​​field_tagヘルパーでJavaScript変数をRailsビューに渡す

$(document).ready(function(){ 
    $("#billAmt").keyup(function(){ 
     var a = $("#billAmt").val(); 
     var b = a*3/100; 
     var d = "<%= current_user.balance %>"; 
     var c = d - b; 
     $("#cashBack").val(b); 
     $("#total").val(c); 
    }); 
}); 

このJavaScriptコードはform_tagの内側にあると私は隠しフィールドに#cashBackを渡すしたいと思います。

<%= hidden_field_tag :cashBack, nil, :id => "cashBack", :value => ''%> 

私がフォームを送信すると、params[:cashBack]は空です:

は、私は次のようでした。だから、私は値を渡し、値を変更するたびに変更します。

+0

は、あなたが私にid billAmtとテキストフィールドに値を渡すからkeyupイベント – uzaif

+0

で、B、Cを得るものを私に示すことができます。私は100を入力し、ユーザの残高は200、次にa = 100、b = 3、c = 197 –

+0

この値はあなたが 'console.log()'のときに得たものです – uzaif

答えて

3

隠しテキストフィールドを設定するには、JQueryの代わりに純粋なjavascriptを使用する必要があります。

$("#cashBack").get(0).value = b;     
+0

Brilliant、ありがとう –

+0

これまでのところ最高の答えですjavascriptからhidden_​​field/rails erbに変数を渡す方法については、シンプルで、魅力的に機能します。ありがとう;)なぜjQueryを使うことができないのか、どのような方法で実現できるのか説明できますか? – Boomerange

関連する問題