How to Set Tooltips in DropDown list using google api in Asp.Net

Here we will see How to Set Tooltips in Dropdown list using google API in Asp.Net

HTML CODE:

<div>

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

            <asp:ListItem Text="Please Select" Value="0" />

            <asp:ListItem Text="Umesh Patel" Value="1" />

            <asp:ListItem Text="Kiran Kumari" Value="2" />

            <asp:ListItem Text="Chirag Patel" Value="3" />

            <asp:ListItem Text="Jatin Patel" Value="4" />

        </asp: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 () {

                $("[id*=ddlCustomers] option").each(function (i) {

                    if (i > 0) {

                        var title = "Customer ID: " + $(this).val();

                        $(this).attr("title", title);

                    }

                });

            });

        </script>

    </div>

Author : Umesh Patel

Related Posts