Question

設定パネルがあるWebアプリケーションを構築しています。フォームからlocalStorageへのデータを保存するコードがありますが、localStorageに保存されたデータがある場合、pageloadでフォームに自動的にデータを設定できるのですか？

これは、フォームのための私のコードです：

<label for="serveri"> Server: </label> 
<input type='text' name="server" id="saveServer"/> 
<button onclick="save_data()" type="button" value="Save" id="Save" data-theme="a">Save</button> 

<script> function save_data() 
{ var input = document.getElementById("saveServer"); 
localStorage.setItem("server", input.value); 
var storedValue = localStorage.getItem("server"); } 
</script> 

Answer 1

あなたがデータをロードするreadyメソッドを追加するだけです。

$(document).ready(function() { 
    $(input[name=server]).val(localStorage.getItem("server")); 
}); 

またはJQuery答えです。

function save_data() { 
    // Save functionality here... 
} 

function load_data() { 
    var input = document.getElementById("saveServer"); 
    input.value = localStorage.getItem("server"); 
} 

load_data(); 

ただのJavaScriptのいずれかが、それが実行される移入する前に、あなたの formが存在することを確認してください。

ここには、作業exampleがあります。