Question

能够通过按钮将一个文本框存储到本地存储。我如何允许它接收我在“调查”中的所有文本框？为每个文本框创建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/

Answer 1

如果您使用像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链接。

HTML5将多个文本框存储到本地存储

1 个答案: