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.
Try:
jQuery("#availability option:selected").val(); Or to get the text of the option, use text():
jQuery("#availability option:selected").text(); More Info:
$("select[id='availability'] option:selected").val();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 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
val() but not text()$('#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 
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(); 
