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