我使用jquery創建輸入字段中，如何能保持這種「新的輸入值」後刷新頁面存在

我使用jQuery，我怎麼能保持這種「新的輸入值」創建輸入字段後刷新頁面我使用jquery創建輸入字段中，如何能保持這種「新的輸入值」後刷新頁面存在

代碼存在是

function onMyButtonclick() 
     { var a =$('#addItem').val() 
      $('#resultList').append('<li>'+a +'</li>'); 
      $('#addItem').val(""); 

     } 
<input type="button" value="add" onClick="onMyButtonclick();"> 
<ol id="resultList"> 
    <li>just example</li> 
</ol> 
</form>

的解決方案是非常重要的..

來源

2013-10-12 user2871282

使用localstorage

var data = JSON.parse(localStorage.getItem('a')) || []; 
//do something with data array 
data.push($('#addItem').val()); 
localStorage.setItem('a', JSON.stringify(data));

來源

2013-10-12 16:20:27 iPao

我運行的代碼，但它不會做我希望你能幫助我什麼 – user2871282

你要明白，在頁面刷新時，DOM再次重建，所以有這樣的「新輸入值」沒有筆直的路存在的頁面後，刷新，因爲它是以編程方式添加到用戶的DOM互動。

但是，在瀏覽器中還有其他機制，即使在頁面刷新時也可以使用其他機制來保存信息。您有cookies以及其他一組與Storage相關的功能，其中包括localStorage，sessionStorage，globalStorage。你可以在這裏閱讀這些功能DOM Storage Guide。對於你的情況，LocalStorage將是最合適的。

因此，基本上您需要的解決方案是修改onMyButtonClick函數以存儲有關添加到上述任何瀏覽器持久性機制中的輸入項的信息。當頁面在刷新時再次加載時，您將編寫一個新函數，該函數會獲取您存儲的信息以再次生成輸入元素。

我也建議你閱讀的文章：THE PAST, PRESENT & FUTURE OF LOCAL STORAGE FOR WEB APPLICATIONS

來源

2013-10-12 16:08:50 dade

我使用jquery創建輸入字段中，如何能保持這種「新的輸入值」後刷新頁面存在

回答

相關問題