JQuery Serialize all form fields

Question

I'm using this

var data = $(":input,:submit", this).serializeArray();

To try and capture form data and it does work for the two specified elements.

How do I expand this so I can get the selected entries from textarea, multiselect dropdown lists and file upload fields ?

I've tried :

var data = $(":input,:submit,:file", this).serializeArray();

But nothing was returned for the file, I was hoping for the file name.

The same code is being called on multiple pages, some with file or textarea others without. The forms on each page all have different Id's so I'm using :

$(this).on('submit', function(e) { var data = $(":input,:submit", this).serializeArray(); }

Any idea how I can get this to work ?

Thanks

From DOC: Data from file select elements is not serialized. You have to push it manually but be aware of security reason regarding fake path — A. Wolff
– A. Wolff, Commented Jul 20, 2015 at 11:29
I don't need any path information, just the file name uploaded. — JeffVader
– JeffVader, Commented Jul 20, 2015 at 12:29

Tushar · Accepted Answer · 2015-07-20 11:16:08Z

3

Use serialize() on form:

Encode a set of form elements as a string for submission.

var data = $(this).serialize(); // $(this) here is the `form` which is being submitted.

answered Jul 20, 2015 at 11:16

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

1 Comment

A. Wolff Over a year ago

If serializeArray() doesn't work, why serialize() would work?

Collectives™ on Stack Overflow

JQuery Serialize all form fields

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related