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

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

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

Answer 2

Simply try the following code.

var text= $('#yourslectbox').find(":selected").text();

it returns the text of the selected option.

Answer 3

For multi-selects:

$("#yourdropdownid :selected").map(function(i, v) { return $.trim($(v).text()); }

Answer 4

This works for me:

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

jQuery version: 1.9.1

Answer 5

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

Answer 6

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

if you use asp.net and write

<Asp:dropdownlist id="ddl" runat="Server" />

then you should use

$('#<%=ddl.Clientid%> option:selected').text();