In this post, we will see on how to set the
Selected Index of an Asp.net DropDownList
control.
To set the Selected Index of an Asp.net DropDownList control,
use the following code.
$('yourDropDown').prop("selectedIndex",yourIndex);
Here is a full example
$('yourDropDown').prop("selectedIndex",yourIndex);
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()
{
$('#cmdSetSelection').click(function(event)
{
event.preventDefault();
$('#drpCountry').prop("selectedIndex",
1);
});
</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="cmdSetSelection"
runat="server"
Text="SetSelection" />
</div>
</form>
</body>
</html>
Run
the application and click the SetSelection button, notice that the United
Kingdom option is selected.
Related Posts
