Get the value of a dropdown in jQuery

Question

I have a drop down that has an 'ID, Name' Pair.

Example

Jon Miller
Jim Smith
Jen Morsin

Jon MIller has ID of 101
Jim Smith has ID of 102
Jen Morsin has ID of 103

When I do the followng:

var arNames = $('#Crd').val()  

and I select Jon Miller, I get 101. I'd like to get Jon Miller though.

Answer 1

$('#Crd').val() will give you the selected value of the drop down element. Use this to get the selected options text.

$('#Crd option:selected').text(); 

Answer 2

The best way is to use:

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

Depending on the requirement, you could also use this way:

var v = $("#yourid").val(); $("#yourid option[value="+v+"]").text()