jQuery get all values of multiple select, not only selected

Question

I'm trying to submit a whole multiple select (which is $('#tags_selected')) via Ajax

$.ajax({
  url: base_url + 'companies/editTagsAsync',
  type: 'post',
  dataType: 'json',
  data: $('#tags_selected').val(),
  success: function (json) {
    console.log(json);
  }
});

But it only sends the values that are selected. I want to pass ALL the values in the selectbox. There's probably an easy solution to this, but I just don't know it...

stackoverflow.com/questions/5767279/pass-array-in-jquery-ajax you have to pass array as you want to send multiple values — rahularyansharma
– rahularyansharma, Commented Apr 11, 2013 at 9:08

Eli · Accepted Answer · 2013-04-11 09:10:52Z

4

You can push all your select value into an array and send it through data:

var selectArr = []; 

$('#tags_selected option').each(function() {
    selectArr.push($(this).val());
});

$.ajax({
  url: base_url + 'companies/editTagsAsync',
  type: 'post',
  dataType: 'json',
  data: selectArr,
  success: function (json) {
    console.log(json);
  }
});

answered Apr 11, 2013 at 9:10

Eli

14.9k5 gold badges61 silver badges77 bronze badges

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

2 Comments

Patrick Manser Over a year ago

This worked! I had to change it to data: { tags_selected: selectArr } and then it worked perfectly. Thank you :)

Atta Hameed Over a year ago

This worked. but if you want to get the selected values only, you can use $('#tags_selected').val();

Jon · Accepted Answer · 2013-04-11 09:09:10Z

0

You need to find the <option> descendants of the dropdown and get their values:

data: { 
  values: $('#tags_selected').find("option").map(function() {return this.value;})
}

This way on the server side you will get an array named "values" with all the values. I have used .find() instead of .children() to get the options in anticipation of the drop down containing <optgroup> elements.

answered Apr 11, 2013 at 9:09

Jon

439k85 gold badges756 silver badges820 bronze badges

4 Comments

Patrick Manser Over a year ago

This returned a error... Not enough arguments. Thank you for your answer, though!

Jon Over a year ago

@JobertEnamno: Slower than what?

Jon Over a year ago

@PatrickManser: I am entirely unsure what error you are referring to.

Patrick Manser Over a year ago

@Jon It just said "Not enough arguments" :/

Rajnikant Kakadiya · Accepted Answer · 2013-04-11 09:24:25Z

0

You need to send both selected and all values array.

var data: { 
        allValues: $('#tags_selected').find("option").map(function() {return this.value;}),
        selectedValues :$('#tags_selected').val()
    }
var data={ }
$.ajax({
  url: base_url + 'companies/editTagsAsync',
  type: 'post',
  dataType: 'json',
  data: data,
  success: function (json) {
    console.log(json);
  }
});

answered Apr 11, 2013 at 9:24

Rajnikant Kakadiya

2,2751 gold badge24 silver badges30 bronze badges

Collectives™ on Stack Overflow

jQuery get all values of multiple select, not only selected

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related