How to get selected dropdown text and value using jquery in asp.net?

In this Article, I explain how to get selected dropdown text and value using jquery in asp.net. Here I am using jquery 1.8.3 for achieve this. Here I demonstrate a simple example of binding a country with dropdownlist.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">

     function getvalue() {       

        var cbocountry = $('#cbocountry');

var selecttext = cbocountry.find('option:selected').text();

        alert(selecttext);

        var selectedvalue = $('#cbocountry').val();

        alert(selectedvalue);

    }

</script>

<asp:DropDownList ID="cbocountry" runat="server">

                <asp:ListItem Text="India" Selected="True" Value="1" />

                <asp:ListItem Text="UAE" Value="2" />

                <asp:ListItem Text="KSA" Value="3" />

            </asp:DropDownList>

  <asp:Button ID="Button1" runat="server" Text="Getselectedvalue" OnClientClick="getvalue()" />