2015-02-09 80 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