Collect all the items in a form in jQuery

Question

How do I collect all the checkboxes and dropdown list items in jQuery for saving?

Answer 1

Or, for recent versions of jquery you can use:

http://docs.jquery.com/Ajax/serialize - to a URL encoded string person.name=john&person.age=20

or

http://docs.jquery.com/Ajax/serializeArray - to JSON

Answer 2

One way is to use the jQuery Form plugin, like this:

$('#myFormId').formSerialize(); 

From the formSerialize API documentation:

Serializes the form into a query string. This method will return a string in the format: name1=value1&name2=value2

Answer 3

$('#myFormId').formSerialize(); is a plugin and maybe not necessary. The core function serialize() is better.

http://docs.jquery.com/Ajax/serialize