2

設定パネルがある webapp を構築しています。フォームから localStorage にデータを保存するコードがありますが、localStorage に保存されたデータがある場合、ページロード時にフォームに自動的に入力するにはどうすればよいですか?

これはフォームの私のコードです:

<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>
4

1 に答える 1

4

必要なのは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();

form設定する JavaScript が実行される前に、存在することを確認してください。

これが実際の例です。

于 2012-05-02T12:22:39.603 に答える