CODEWITHSUNDEEP
jqueryjquery-selectors
bragboy
bragboy

Reputation: 35542

Get the selected value in a dropdown using jQuery.

My HTML is below. I need to get the selected value (Scheduled) using the <select> tag. How can this be done using jQuery?

<select id="availability" style="display: none;">
  <option value="Available">Available</option>
  <option selected="selected" value="Scheduled">Scheduled</option>
  <option value="Unavailable">Unavailable</option>
</select>

I did a jQuery("#availability") to get the select tag, but I do not know how to get the selected options' value.

Upvotes: 35

Views: 132366

Answers (6)

Shahbaz Pirzada
Shahbaz Pirzada

Reputation: 167

Hello guys i am using this technique to get the values from the selected dropdown list and it is working like charm.

var methodvalue = $("#method option:selected").val();

Upvotes: 1

minura
minura

Reputation: 51

I have gone through all the answers provided above. This is the easiest way which I used to get the selected value from the drop down list

$('#searchType').val() // for the value

Upvotes: 5

Nakendra Pun
Nakendra Pun

Reputation: 41

$('#availability').find('option:selected').val() // For Value 
$('#availability').find('option:selected').text() // For Text
or 
$('#availability option:selected').val() // For Value 
$('#availability option:selected').text() // For Text

Upvotes: 3

Mahdi
Mahdi

Reputation: 9407

The above solutions didn't work for me. Here is what I finally came up with:

$( "#ddl" ).find( "option:selected" ).text();           // Text
$( "#ddl" ).find( "option:selected" ).prop("value");    // Value

Upvotes: 11

JasCav
JasCav

Reputation: 34632

$("#availability option:selected").text();

This will give you the text value of your dropdown list. You can also use .val() instead of .text() depending on what you're looking to get. Follow the link to the jQuery documentation and examples.

Upvotes: 8

Sarfraz
Sarfraz

Reputation: 382656

Try:

jQuery("#availability option:selected").val();

Or to get the text of the option, use text():

jQuery("#availability option:selected").text();

More Info:

Upvotes: 63

Related Questions