HTML local storage multiple keys?

Question

Wanting to be able to have multiple people take a survey then refresh etc. Anyway to store multiple keys to local storage without overwriting the previous? Group by a userID or sorts?

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

     console.log('stored key: '+name+' stored value: '+value);
});   
});

project in whole: http://jsfiddle.net/PVGUq/

If depends on the numbers and size of your values. A simple solution would be to store (as JSON) an array. — Denys Séguret, Oct 23 '13 at 17:07

score 4 · Accepted Answer · edited May 23 '17 at 11:59

4

You can store JSON instead of plain text. For the maximum storage size see What is the max size of localStorage values?

var items = [1, 2, 3, 4];

localStorage.setItem('myKey', JSON.stringify(items));

items = JSON.parse(localStorage.getItem('myKey'));

items.length; //4

edited May 23 '17 at 11:59

Community

1
1

answered Oct 23 '13 at 17:11

plalx

42,889
6
74
90

HTML local storage multiple keys?

1 Answers1