###前提・実現したいこと
Jqueryでフォームの値を変更できるようにする
'money_params'というIDを持つフォームにhiddenから取得した値(数値)が入りますが
これを手で変更できるようにし、POST送信を試みています。
HTML側のフォームで手入力すると取得した値で固定されてしまい変更する事が出来ません。
よろしくお願い致します。
###発生している問題・エラーメッセージ
HTML側のフォームで手入力して変更したいが取得した値で固定されてしまう。
エラーメッセージ
###該当のソースコード
HTML
1 2<!-- hidden --> 3<input type="hidden" name="hidden_money" value="200" /> 4 5<!-- プルダウン --> 6<select class="pulldown" id="pulldown" name="pulldown_value"> 7<option value="0">パターン1</option> 8<option value="1" selected="selected">パターン2</option> 9</select> 10 11<!-- フォーム --> 12<input type="text" name="money_form" value="200" class="money" id="money_params1" /> 13<input type="text" name="money_form" value="0.08" class="money" id="money_params2" />
JQuery
1 2 $('.money').on('change',function(){ 3 calc(); 4 }); 5 $('.money').on('keyup',function(){ 6 calc(); 7 }); 8 9function calc() { 10 //プルダウンの値 11 var pulldown = parseInt($('#pulldown').val()); 12 13 //値 14 var money = parseInt($(':hidden[name="hidden_money"]').val()); 15 var money_tax = 0.08; 16 17 if(pulldown === 0) 18 { 19 $('#money_params1').val(''); 20 $('#money_params2').val(money_tax); 21 } 22 if(pulldown === 1) 23 { 24 $('#money_params1').val(money); 25 $('#money_params2').val(money_tax); 26 } 27});
###補足情報(言語/FW/ツール等のバージョンなど)
JQuery 2.1.4
回答1件
あなたの回答
tips
プレビュー