Get selected text from a drop-down list (select box) using jQuery

Question

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

Answer 1

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;

Answer 2

If you want the result as a list, then use:

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

Answer 3

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

Answer 4

For those who are using SharePoint lists and don't want to use the long generated id, this will work:

var e = $('select[title="IntenalFieldName"] option:selected').text();

Answer 5

This works for me:

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

jQuery version: 1.9.1

Answer 6

$("select[id=yourDropdownid] option:selected").text()

This works fine