、私はjqueryのを使用して2つのfloatの合計を計算してい

Question

を表示する2つのfloatを加算した結果を節約

私の問題がある：私は、フォームの充填を完了するために、次を打ったとき、私はそう複数のページ上のフォームを持っており、私は何も表示されない（結果を保存しない）浮動小数点を合計したページに戻ります。

結果はどのように表示されますか？

これはコードです：

<div class="form-group row"> 
     <label for="value1" class="col-xs-3 col-sm-3 col-md-3 col-lg-3 form-control-label"> value1</label> 
     <div id=" value1" class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> 
      {{ form_widget(form.value1, {'attr':{'class': 'form-control'}}) }} 
     </div> 
    </div> 


    <div class="form-group row"> 
     <label for=" value2" class="col-xs-3 col-sm-3 col-md-3 col-lg-3 form-control-label"> value2</label> 
     <div id=" value2" class="col-xs-9 col-sm-9 col-md-9 col-lg-9"> 
      {{ form_widget(form.value2, {'attr':{'class': 'form-control'}}) }} 
     </div> 
    </div> 


<div class="form-group row"> 
    <label class="col-xs-3 col-sm-3 col-md-3 col-lg-3 form-control-label">Sum</label> 
    <span title="sumvalue" id="sumvalue" ></span> 
</div> 



<script> 
    $(document).ready(function() { 
     $('#{{ form.value1.vars.id }}, #{{ form.value2.vars.id }}').keyup(function() { 
      $('#sumvalue').html(parseFloat($('#{{form.value1.vars.id }}').val()) + parseFloat($('#{{ form.value2.vars.id }}').val())); 
     }); 
    }); 
</script> 

これは、次のボタンを押す前に結果である：

これは私が隣にあるボタンを押した後に取得する方法である：

Answer 1

あなたが保存することができます値はブラウザのローカルストレージを使用して取得します。

$(document).ready(function() { 
    if(localStorage.getItem("product")) { 
     $('#sumvalue').html(localStorage.getItem("product")); 
    } 
    $('#{{ form.value1.vars.id }}, #{{ form.value2.vars.id }}').keyup(function() { 
     $('#sumvalue').html(parseFloat($('#{{form.value1.vars.id }}').val()) + parseFloat($('#{{ form.value2.vars.id }}').val())); 
     localStorage.setItem("product", parseFloat($('#{{form.value1.vars.id }}').val()) + parseFloat($('#{{ form.value2.vars.id }}').val())); 
    }); 
});