Friday, June 29, 2012

Asp.net jQuery DropDown set Selected Value


In this post, we will see on how to set the Selected Value of an Asp.net DropDownList control.

To set the Selected Value of an Asp.net DropDownList control, use the following code.
$('yourDropDown').val('your value');


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').val('UK');
  });
    </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

Search Flipkart Products:
Flipkart.com

No comments: