Friday, June 29, 2012

Asp.net jQuery DropDown get Selected Value


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()

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>


Search Flipkart Products:
Flipkart.com

No comments: