In this post, we will see on how to get the
Selected Text of an Asp.net DropDownList
control.
To get the Selected Text of an Asp.net DropDownList control,
use the following code.
$('#yourDropdown option:selected').text()
$('#yourDropdown option:selected').text()
Here is a full example
<html xmlns="http://www.w3.org/1999/xhtml"
>
<head runat="server">
<title>DropDownList</title>
<script type="text/javascript"
src="JavaScript/jquery-1.7.2.js"></script>
<script type="text/javascript"
language="javascript">
$(document).ready(function()
{
$('#cmdGetSelection').click(function(event)
{
event.preventDefault();
alert('Selected
Text : ' + $('#drpCountry
option:selected' ).text());
option:selected' ).text());
});
</script>
</head>
<body>
<form id="fromDropDownList" runat="server">
<div>
Country:
<asp:DropDownList ID="drpCountry" runat="server">
<asp:ListItem Value="USA">United States</asp:ListItem>
<asp:ListItem Value="UK">United Kingdom</asp:ListItem>
</asp:DropDownList><br /><br />
<asp:Button ID="cmdGetSelection"
runat="server"
Text="GetSelection" />
</div>
</form>
</body>
</html>
Run the application and click the GetSelection
button the output will be
Selected Value : United States
Selected Value : United States
Related Posts
No comments:
Post a Comment