Get selected value of a dropdown s item using jQuery

Question

How can I get the selected value of a dropdown box using jQuery? I tried using the following lines of code:-

var value = $('#dropDownId').val();

and

var value = $('select#dropDownId option:selected').val();

But however, haven't had any results as both return an empty string.

Answer 1

To answer your question, start with using a single select dom elements, to get the currently selected value:

$('#dropDownId').val();

To get the currently selected text, use the following line:-
 

$('#dropDownId :selected').text();