Question

任何人都可以帮我提供代码，显示如何为asp.net下拉列表应用bootstrap 4下拉样式。尝试应用bootstrap-select但它不起作用。

的Site.Master

<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/bootstrap-select.min.css" rel="stylesheet" />
<script src="<%= (Request.ApplicationPath + @"js/jquery-3.1.1.slim.min.js").Replace(@"//", @"/") %>"></script>
<script src="<%= (Request.ApplicationPath + @"js/tether.min.js").Replace(@"//", @"/") %>"></script>
<script src="<%= (Request.ApplicationPath + @"js/bootstrap-select.min.js").Replace(@"//", @"/") %>"></script>
<script src="<%= (Request.ApplicationPath + @"js/bootstrap.min.js").Replace(@"//", @"/") %>"></script>

在我的.aspx页面中：

<asp:DropDownList runat="server" ID="ddlStudentDepartment" AutoPostBack="true" CssClass="selectpicker">
                    <asp:ListItem Text="Select a Department" Value=""/>
                    <asp:ListItem Text="MCA" Value="MCA" />
                    <asp:ListItem Text="IS" Value="IS" />
                    <asp:ListItem Text="CS" Value="CS" />
                    <asp:ListItem Text="EEE" Value="EEE" />

                </asp:DropDownList>

var dropDown = $('#<%= ddlStudentDepartment.ClientID %>');

    $(document).ready(function () {
        console.log('Inside Ready');
        dropDown.selectpicker();

    });

我无法看到任何DropDown菜单项。如下图所示：

[![No Items Displayed][1]][1]

提前致谢。

为asp.net DropDownList应用Bootstrap 4 DropDown样式

0 个答案: