2015-02-09 78 views
1

如何将值保存在最后一个框中,然后在我点击后计算它做了它的事情,将值保存在其中,并且当我重新加载页面时,我上次计算的总和重新出现了?如果这是不可能的,那么他们是否可以将价值储存在另一个箱子中?如何在网站上保存价值?

这里是我使用的代码:

<HTML> 
    <body> 
     <form onsubmit="setCookie('inpVal',getFormString(this,true));"> 
      <input name="numeric" type="text" size="8" maxlength="4" /> 
      <input name="numeric" type="text" size="8" maxlength="4" /> 
      <input name="numeric" type="text" size="8" maxlength="4" /> 
      <input name="numeric" type="text" size="8" maxlength="4" /> 
      <input name="numeric" type="text" size="8" maxlength="4" /> 

      <input name="total" type="text" size="8" readonly /> 

      <input type="button" value="Calculate" onclick="calculate(this.form);" /> 
     </form> 

     <script type="text/javascript"> 
      function calculate(form) { 
       var sum = 0; 

       for(var i = 0; i < form.numeric.length; i++) { 
        sum += Number(form.numeric[i].value); 
       } 

       form.total.value = sum; 
      } 
     </script> 

     <form name="form1" method="post" action=""> 
      <input type="submit" name="Submit" id="Submit" value="Submit"> 
     </form> 
    </body> 
</html> 
+0

调查饼干。或者一个数据库。 – j08691 2015-02-09 20:16:48

+0

假设表单的动作与表单一致。然后,您可以简单地重新输出原始提交表单中的值。 – 2015-02-09 20:19:10

+1

或者查看浏览器本地存储 – gitsitgo 2015-02-09 20:31:16

回答

1

这里是链接saving variable value and retrieve it after page refresh,给你相当多的信息,如果你喜欢节约使用JavaScript和/或php您的具体价值。我在这里复制了一些答案,以防将来找不到原始答案。

的JavaScript:

1)的localStorage(HTML5的浏览器只) - 你可以将其保存为网页的本地存储津贴

2的属性)将其保存在cookie

3)追加变量的URL散列所以它刷新

PHP

1后通过的location.hash的检索),将其保存为一个会话变量每一次检索它在AJAX页面加载

2)将其保存在cookie(还不如做JS的方法,如果你要使用网站的话)

任何PHP的做法是笨重的你必须首先将变量的值通过AJAX发送到PHP脚本,然后在重新加载后通过AJAX检索它。

+0

我不想去cookie的路由,因为我希望其他设备也能够看到值,我正在考虑采用PHP,Ajax路线,但我不是真正的知识能力关于这些,你能否将我转到另一种适合我的方式? 感谢您的帮助:) – Ninjaboi 2015-02-09 22:16:34