how to get drop down selected text in jQuery

Question

Prakash nidhi Verma · Answer

Jquery dropdown for text :
Here is the code for DropDownList control in ASP.NET :andlt;asp:DropDownList ID="DropDownList1" runat="server" andgt;and and  and andlt;asp:ListItem Value="1"andgt;Allahabadandlt;/asp:ListItemandgt;
and  and andlt;asp:ListItem Value="2"andgt;Mindstickandlt;/asp:ListItemandgt;
and  and andlt;asp:ListItem Value="3"andgt;Softwareandlt;/asp:ListItemandgt;
andlt;/asp:DropDownListandgt;
Following JQuery code snippet will give you selected choice name from the above DropDownList control.
Sytax :var country = $("#DropDownList1 option:selected").text();and 
Ex:and  In HTML/Jscipt :Select color:
andlt;select id="favcolor"andgt;
and  and  andlt;option value=""andgt;andlt;/optionandgt;
and  and  andlt;option value="1"andgt;Redandlt;/optionandgt;
and  and  andlt;option value="2"andgt;Yellowandlt;/optionandgt;
and  and  andlt;option value="3"andgt;Whiteandlt;/optionandgt;
andlt;/selectandgt;
and  and  andlt;input type="button" id = "btnGet" value="Get Selected Text Value" /andgt;
andlt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"andgt;andlt;/scriptandgt;
andlt;script type="text/javascript"andgt;
and  and  $(function () {
and  and  and  and  $("#btnGet").click(function () {
and  and  and  and  and  and  var selectedText = $("#ddlFruits").find("option:selected").text();
and  and  and  and  and  and  alert("Selected Text: "selectedText");
and  and  and  and  });
and  and  });
andlt;/scriptandgt;Happy Codingand  :)

forum

how to get drop down selected text in jQuery

Anonymous User

Can you answer this question?

1 Answers

Liked By