jquery passing an array to html form

Question

I have a two dimensional array:

If I 'alert' the output as follows I see expected results:

alert(myArray[0][0]['test']);

I am then passing the array to an html form:

$('form#id1 #PassArray').val(myArray);

I am then lisening for the form submission and if I do this:

var received=$('input#PassArray').val();

alert(received[0][0]['test']);

I get output: undefined.

Is it necessary to prepare the array in some way if passing it to a html form?

It's a hidden field of the array... so will I have to serialize? — Alan A
– Alan A, Commented Apr 18, 2013 at 16:21
Yes, even though its hidden, its still stored the same way normal inputs are — Andy
– Andy, Commented Apr 18, 2013 at 16:22

Kevin C. · Accepted Answer · 2013-04-18 16:21:25Z

1

IIRC, a form input can only have a string for its value.

You could either

Serialize your array into a string with $.param()
Iterate over your array to assign values to individual form fields. The form fields can have the same name with [] appended to the end to treat them as an array, i.e. <input name="array[]" />
Just post the array with AJAX

answered Apr 18, 2013 at 16:21

Kevin C.

2,5471 gold badge28 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ok I see the issue at hand now, I have set the array_array as a session now so I can access it without having to pass it! Thanks

Sounds like a solid solution. np :D