In this post, we will see on how to get the
Selected Value of an Asp.net DropDownList
control.
To get the Selected Value of an Asp.net DropDownList control,
use the following code.
$('#yourDropdown').val()
$('#yourDropdown').val()
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
Value : ' + $('#drpCountry').val());
});
</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 : USA
Selected Value : USA
Related Posts
No comments:
Post a Comment