JQuery MultiSelect下拉菜单不显示文本答案

【问题标题】：JQuery MultiSelect Dropdown Not Displaying TextJQuery MultiSelect下拉菜单不显示文本
【发布时间】：2021-01-02 19:20:25
【问题描述】：

我正在使用 JQuery MultiSelect Dropdown，它可以正常工作，除非它位于另一个引导元素中。下面的代码来自https://www.codingvila.com/2019/01/bootstrap-jquery-multi-select-drop-down-list-with-checkbox-in-asp-dot-net-using-csharp-and-vb-dot-net.html 并且在粘贴后可以正常工作。但是，当我将其粘贴到旁边的引导元素中时，文本不会显示。

我根据文档使用这些参考资料

<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>

在我的代码中，我有以下内容

 <script type="text/javascript">
    $(function () {
        $('[id*=lstStudents]').multiselect
            ({
                includeSelectAllOption: true
            });            
    });
</script>

ASP/HTML 是

<asp:ListBox ID="ListBox1" CssClass="dropdown dropdown-menu form-control" runat="server" SelectionMode="Multiple">
                    <asp:ListItem Text="Nikunj Satasiya" Value="1">Nikunj Satasiya</asp:ListItem>
                    <asp:ListItem Text="Ronak Rabadiya" Value="2" />
                    <asp:ListItem Text="Hiren Dobariya" Value="3" />
                    <asp:ListItem Text="Vivek Ghadiya" Value="4" />
                    <asp:ListItem Text="Pratik Pansuriya" Value="5" />
                    <asp:ListItem Text="Kishan Patel" Value="6" />
</asp:ListBox>

没有正确显示文本的引导辅助元素。我已经通过检查器，似乎无法确定是哪个设置导致文本不显示。我的 CSS 是有限的，所以我不太确定哪个元素会导致这个或在哪里归零。

<aside class="control-sidebar control-sidebar-dark">
    <div class="col-12">
       <div class="row">
            <div class="col-sm-12">
                <label for="lstStudents">Student(s) ID</label>
                <asp:ListBox ID="lstStudents" CssClass="dropdown dropdown-menu" runat="server" SelectionMode="Multiple">
                    <asp:ListItem Text="Nikunj Satasiya" Value="1" />
                    <asp:ListItem Text="Ronak Rabadiya" Value="2" />
                    <asp:ListItem Text="Hiren Dobariya" Value="3" />
                    <asp:ListItem Text="Vivek Ghadiya" Value="4" />
                    <asp:ListItem Text="Pratik Pansuriya" Value="5" />
                    <asp:ListItem Text="Kishan Patel" Value="6" />
                </asp:ListBox>
            </div>
        </div>
 </aside>

【问题讨论】：

斯蒂芬，这是我的代码。链接：codingvila.com/2019/01/…

标签： jquery css asp.net bootstrap-multiselect

【解决方案1】：

问题在于它从侧面面板继承了背景颜色。解决方案是我需要深入研究 css 并创建一个可以在嵌套在侧面面板中引用的替代项。

【讨论】：