Jquery/ javascript : Select all the selected values from drop down

Question

Select box

<select id="update-select" multiple="multiple">
  <option value="3">Test1 </option>
  <option value="4">Test2 </option>
  <option value="5">Test3 /option>
  <option value="6">Test4</option>
  <option value="15">Test5</option>
</select>

I am selecting the options from another jquery click function based on some manipulation .

(say i have selected values 3 and 4)

later i want to see the values of selected option

i tried,

selectedVals = $("#update-select option:selected").val() ;
alert(selectedVals) // alerts 3

it shows only the first value selected.

Any suggestion?

Possible duplicates http://stackoverflow.com/questions/3243476/how-to-get-multiple-select-box-values-using-jquery — Krish R, Nov 25 '13 at 06:52

score 3 · Accepted Answer · answered Nov 25 '13 at 06:57

3

this should do

selectedVals = $("#update-select").val() ;

answered Nov 25 '13 at 06:57

Arun P Johny

384,651
66
527
531

Rob Angelier · Answer 2 · 2013-11-25T06:59:41.723

0

You should use:

$("#update-select option:selected").each(function(i,elem){
   alert($(elem).val());
});

Here's an example: http://jsfiddle.net/5jNWY/

Hope this helps!

edited Nov 25 '13 at 06:59

answered Nov 25 '13 at 06:54

Rob Angelier

2,335
16
29

i want values not text – monda Nov 25 '13 at 06:58
A similar solution, but with pushing the values onto an array, which is probably what you're after: http://jsfiddle.net/eN32E/ – shiftycow Nov 25 '13 at 07:08

Jquery/ javascript : Select all the selected values from drop down

2 Answers2