1

ボタンを使用して、1 つのテキスト ボックスをローカル ストレージに保存できます。「アンケート」にあるすべてのテキスト ボックスを取り込めるようにするにはどうすればよいですか? 各テキスト ボックスの ID を作成し、js の get/set 内にすべてリストしますか?

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

    var save_button = document.getElementById('Save')
save_button.onclick = saveData;
function saveData(){
  var input = document.getElementById("saveServer");
  localStorage.setItem("server", input.value);
  var storedValue = localStorage.getItem("server");
}

理解を深めるために (すべてのテキスト ボックス)、JSfiddle の全体を次に示します: http://jsfiddle.net/BDutb/

4

1 に答える 1

0

jQuery のようなライブラリを使用すると、要素を取得して値を簡単にループできます。localStorage 変数名を意味のあるものにしたい場合は、入力フィールド名を割り当ててください。

ここで私の例を参照してください: http://jsfiddle.net/spacebean/BDutb/11/

$('form').submit(function() {
  $('input, select, textarea').each(function() {
   var value = $(this).val(),
       name = $(this).attr('name');
   localStorage[name] = value;
  });   
});

デモ用にフォームを短くしましたが、そこから取得できるはずです。

編集: 固定された jsFiddle リンクを更新しました。

于 2013-10-23T14:22:59.847 に答える