In this post, we will see on how to set the
Selected Text of an Asp.net DropDownList
control.
To set the Selected Text of an Asp.net DropDownList control,
use the following code.
$("#yourDropDown option:contains('your text')").attr('selected', 'selected');
$("#yourDropDown option:contains('your text')").attr('selected', 'selected');
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
option:contains('United Kingdom')").attr('selected',
'selected');
});
</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
No comments:
Post a Comment