Jquery Dropdown

Js

  <script src="1.11.1.min.js"></script>

    <link href="ddlcss.css" rel="stylesheet" />

    <script>

        $(function () {

            $.ajax({

                url: '<%=ResolveUrl("~/JqueryDropdown.aspx/GetEmployees") %>',

                data: "{}",

                dataType: "json",

                type: "POST",

                contentType: "application/json; charset=utf-8",

                success: function (data) {

                    var ddlname = $("[id*=ddlname]");

                    ddlname.empty().append('<option selected="selected" value="0">Please select</option>');

                    $.each(data.d, function () {

                        ddlname.append($("<option CssClass=" + "dropdown-menu" + "></option>").val(this['Value']).html(this['Text']));

                    });

                },

                error: function (response) {

                    alert(response.responseText);

                },

                failure: function (response) {

                    alert(response.responseText);

                }

            });

        })

    </script>

 .aspx

<table width="100%">

            <tr>

                <td align="center">

                    <div class="container">

                        <div class="dropdown">

                            <asp:DropDownList runat="server" ID="ddlname" CssClass="dropdown-select">

                            </asp:DropDownList>

                        </div>

                    </div>

                </td>

            </tr>

        </table>