jQuery - store all form input values in a hidden input

Question

I'm trying to create a interface with a conditional logic that will allow the webmaster to insert advertisments anywhere on the site. But before coding it, I need some advices from you :)

The forms are handled trough jquery & ajax. When the "add another ad" button is pressed a new form is created with jQuery. My question is how could I gather all the form input values into a single hidden input that would look like:

<input name="ad[]" type="hidden" value="homepage,after_article,4,visitors" />

I think this value would be easier for me to handle in PHP.

enter image description here

mm.. wouldnt you need the key of the field with the value? i mean, instead of homepage,after_article,4,visitors wouldnt be better foo:homepage,bar:after_article,n:4,baz:visitors? — Strae
– Strae, Commented Jan 29, 2011 at 17:44
yes, it would probably be a good idea to include the key too. How do I do that? — Alex
– Alex, Commented Jan 29, 2011 at 17:47

Darin Dimitrov · Accepted Answer · 2011-01-29 17:44:57Z

2

You could use the following to gather all the values:

var values = $('#yourformId :input').map(function() {
    return $(this).val();
}).toArray().join(',');

and then set the value of your hidden field:

$('#ad').val(values);

And you can see it in action here.

edited Jan 29, 2011 at 17:44

answered Jan 29, 2011 at 17:26

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

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

Comments

Jim Amos · Accepted Answer · 2011-01-29 18:36:26Z

1

You could also do:

var values = $('#yourformId').serialize();
$('#ad').val(values);

jQuery's form.serialize function

answered Jan 29, 2011 at 18:36

Jim Amos

2891 silver badge4 bronze badges

Collectives™ on Stack Overflow

jQuery - store all form input values in a hidden input

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related