jquery multiSelect 怎么清空选择

Posted 2023-05-08

如标题怎么清空multiSelect 已选

multiSelect 是一个jquery多选框或单选框美化工具，并且附带js的查询功能，是一个非常好用的jquery插件，使用此插件需要引用jquery。

//清空单选框的选择代码是：
$('select.singleselect').multiselect('clearSelection');
$('select.singleselect').multiselect('refresh');
//清空多选框选中代码：
$('select[multiple="multiple"]').multiselect('clearSelection');
$('select[multiple="multiple"]').multiselect('refresh');

参考技术A $("select option").attr("selected",false);
或者
$("select").val("");本回答被提问者采纳 参考技术B $("select").attr("checked","") 参考技术C 求联系，我的multiSelect不能初始化

JQuery MultiSelect下拉菜单不显示文本

【中文标题】JQuery MultiSelect下拉菜单不显示文本

【英文标题】：JQuery MultiSelect Dropdown Not Displaying Text

【发布时间】：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/…

【参考方案1】：

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