How to get all options of a select using jQuery?

Question

How can I get all the options of a select through jQuery by passing on its ID?

I am only looking to get their values, not the text.

Answer 1

Use:

$("#id option").each(function() {     // Add $(this).val() to your list }); 

.each() | jQuery API Documentation

Answer 2

I don't know jQuery, but I do know that if you get the select element, it contains an 'options' object.

var myOpts = document.getElementById('yourselect').options; alert(myOpts[0].value) //=> Value of the first option 

A 12 year old answer. Let's modernize it a bit:

console.log( [...document.querySelector("#demo").options].map( opt => opt.value ) );

<select id="demo">   <option value="Belgium">Belgium</option>   <option value="Botswana">Botswana</option>   <option value="Burkina Faso">Burkina Faso</option>   <option value="Burundi">Burundi</option>   <option value="China">China</option>   <option value="France">France</option>   <option value="Germany">Germany</option>   <option value="India">India</option>   <option value="Japan">Japan</option>   <option value="Malaysia">Malaysia</option>   <option value="Mali">Mali</option>   <option value="Namibia">Namibia</option>   <option value="Netherlands">Netherlands</option>   <option value="North Korea">North Korea</option>   <option value="South Korea">South Korea</option>   <option value="Spain">Spain</option>   <option value="Sweden">Sweden</option>   <option value="Uzbekistan">Uzbekistan</option>   <option value="Zimbabwe">Zimbabwe</option> </select>