保存显示两个浮点数的结果

Question

我使用jquery计算了两个float的总和，

我的问题是：我在多个页面上有一个表单，所以当我点击Next完成填写表单时，我返回到我总结浮点数的页面，没有出现（不保存结果）。

结果如何仍然显示？

这是代码：

 <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()));
    });
});