Get dropdown value in jQuery

Question

I have a drop down that has a pair of ID, Name.

Example

John Miller
Jim smith
Jen morseen

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

When I do followng:

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

and I choose John Miller, I get 101. I would like to get John Miller.

Answer 1

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

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

Answer 2

Best used:

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

Depending on the requirement, you can also use this method:

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

Answer 3

If you use <select> , .val() gets the "value" of the selected <option> . If it has no value , it can roll back to id . Put the value you want to return in the value attribute of each <option>

Change: see Comments for a clarification that value is actually (not necessarily equal to the value attribute).

Answer 4

It worked for me!

 $('#selected-option option:selected').val() 

Hope this helps someone!

Answer 5

 var sal = $('.selectSal option:selected').eq(0).val(); 

selectSal is the class.

Answer 6

Try the following:

 var text = $('#YourDropdownId').find('option:selected').text(); 

Answer 7

Another variant:

 $("#<%=dropDownId.ClientID%>").children("option:selected").val(); 

Answer 8

As stated ... in the select field, the .val() attribute .val() provide you with the value of the selected parameter. If the selected option does not have a value attribute, it will by default be displayed with the parameter value (which is an example for the jQuery .val show documentation .

you want to use the .text() selected option:

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

Answer 9

This gives you the current value of the drop-down list if the drop-down list has the identifier "someId".

 $("#someId").val(); 

Answer 10

Pass the identifier and hold it in a variable and pass the variable wherever you want.

var temp = $ ('select [name = ID Name]'). val ();

Answer 11

 $('.leave_response').on('change', function() { var responseId = $(this).val(); console.log(responseId); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <td> <select class="leave_response" name="leave"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </td>