Get selected text from a drop-down list (select bo

Question

How can I get the selected text (not the selected value) from a drop-down list in jQuery?

Answer 1

Try:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

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

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

More Info:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

Answer 2

Try this:

$("#myselect :selected").text();

For an ASP.NET dropdown you can use the following selector:

$("[id*='MyDropDownId'] :selected")

Answer 3

For getting selected value use

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

and for getting selected item text use this line:

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

Answer 4

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

Answer 5

In sibling case

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

Answer 6

$('#id').find('option:selected').text();