Jquery – Javascript – Storing array of objects in hidden field

arraysjqueryobjectpostserialization

I need to store some input in a hidden field, so when I print the post-request, I get:

Array ( [0]=>1 [1]=>2 [2]=>3 )

I already tried:

var elems = [];
elems.push['1'];
elems.push['2'];
elems.push['3'];

$('#input_hidden_field').val(elems);

But it does not work, anybody could help me with this?

Best Answer

You can parse your array into a JSON-string to store it:

.push() is a function, therefore it needs () and not the [] array-syntax.

var elems = [];
elems.push('1');
elems.push('2');
elems.push('3');

$('#input_hidden_field').val(JSON.stringify(elems)); //store array

var value = $('#input_hidden_field').val(); //retrieve array
value = JSON.parse(value);

To create an object just change the definition of elems and the storage of the values:

var elems = {};
elems[0] = '1';
elems[1] = '2';
elems[2] = '3';

Demo

Reference

.stringify()

.parse()

Related Question