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

能够通过按钮将一个文本框存储到本地存储。我怎样才能让它接受我在“调查”中所有的文本框？为每个文本框创建id，然后在我的js的get/set内全部列出它们？将多个文本框存储到本地存储的HTML5

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

来源

2013-10-23 user2892178

添加一个类，循环它们等。 – tymeJV

循环遍历它们并使用名称。 jQuery对此非常有用。 – SLaks

你确定使用jQuery吗？ – levi

如果你使用像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-23 14:22:59 spacebean

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

回答

相关问题