jQuery $.ajax POST Multiple Select Selections

jquery ajax multiple-select
Mike George picture Mike George · Jul 17, 2012 · Viewed 12.3k times · Source

I have a multipe select as part of my imput form and I would like to submit it's selected values via jQuery AJAX.

I've tried to use the following syntax.

$('#multipleselect').val().join('|');

That works, bu the problem I am having is that the user is not required to select anything from the multiple select. If they don't I get an error because you cannot join a null object.

Any Suggestions?

Also keep in mind that there are other values being submitted. For example:

data: "name=" + $("#name").val() + "&multipleselect=" + $("#multipleselect").val().join('|');

Answer

undefined picture undefined · Jul 17, 2012

You can use serialize method:

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

var data = $('form').serialize()

Related questions

jQuery AJAX submit form

I have a form with name orderproductForm and an undefined number of inputs. I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the …

Read More
How do I return the response from an asynchronous call?

I have a function foo which makes an asynchronous request. How can I return the response/result from foo? I tried returning the value from the callback, as well as assigning the result to a local variable inside the function …

Read More
jQuery Ajax error handling, show custom exception messages

Is there some way I can show custom exception messages as an alert in my jQuery AJAX error message? For example, if I want to throw an exception on the server side via Struts by throw new ApplicationException("User name …

Read More