將多個文本框存儲到本地存儲的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

回答

相關問題