how to get all select option values using jquery

Question

I have select list

 <select name="select-choice-min" id="mainMenu" data-mini="true">
      <option value="10">10</option>
      <option value="11">11</option>
      ...
 </select>

I tried with

var arr = new Array();
var sval = $("#mainMenu option").val();
arr.push(sval);

but on alerting arr variable I'm getting only first value 10, 10, 10, ...

so, how to get all select option values?

Sridhar R · Accepted Answer · 2014-06-27 06:24:18Z

6

Try this

Loop through #mainMenu option using .each() then get appropraite values using $(this).val() then push using arr.push($(this).val());

var arr = new Array();
$('#mainMenu option').each(function(){
arr.push($(this).val());
});
console.log(arr)

Working DEMO

answered Jun 27, 2014 at 6:24

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2014-06-27 06:24:17Z

5

You can use a .map() like below to create an array of values

var arr = $("#mainMenu option").map(function(){
    return $(this).val()
}).get();

answered Jun 27, 2014 at 6:24

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

MrCode · Accepted Answer · 2014-06-27 06:24:28Z

2

You can use .map(), which will create an array of all option values.

var arr = $('#mainMenu option').map(function(){
    return this.value;
}).get();

answered Jun 27, 2014 at 6:24

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

Comments

Rajaprabhu Aravindasamy · Accepted Answer · 2014-06-27 06:24:33Z

1

Try to use .map() along with .get() to accomplish your task,

var arr = $("#mainMenu option").map(function(){ return this.value; }).get();

answered Jun 27, 2014 at 6:24

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Collectives™ on Stack Overflow

how to get all select option values using jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related