【问题标题】:Disable Select all option in jQuery multiple select plugin禁用 jQuery 多选插件中的全选选项
【发布时间】:2018-01-05 19:11:28
【问题描述】:

我用的是下面的jQuery插件,效果很好。

如果下拉菜单中没有项目,我想知道如何隐藏“全选”选项。

有什么方法可以禁用多选下拉菜单?

Jquery muliple select plugin

【问题讨论】:

    标签: jquery-plugins


    【解决方案1】:

    当列表中没有选项时隐藏全选:

          $(function() { 
                $("#select3").multipleSelect({
                    isopen: true,
                    multipleWidth: 55
                });
              //  selectAll 
                console.log(!$('#select3 option').length);
                if(!$('#select3 option').length){
                	         $('input[name="selectAll"]').parent().hide();
                }
    
                
            });
    <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
    <link href="https://www.jqueryscript.net/demo/jQuery-Plugin-For-Selecting-Multiple-Elements-Multiple-Select/multiple-select.css" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="https://www.jqueryscript.net/demo/jQuery-Plugin-For-Selecting-Multiple-Elements-Multiple-Select/jquery.multiple.select.js"></script>
    <select id="select3" class="demo" style="width:200px;">
    
    </select>

    隐藏多选下拉菜单:

          $(function() { 
                $("#select3").multipleSelect({
                    isopen: true,
                    multipleWidth: 55
                });
                $(".ms-choice").hide();
            });
       <link href="https://www.jqueryscript.net/demo/jQuery-Plugin-For-Selecting-Multiple-Elements-Multiple-Select/multiple-select.css" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="https://www.jqueryscript.net/demo/jQuery-Plugin-For-Selecting-Multiple-Elements-Multiple-Select/jquery.multiple.select.js"></script>
    <select id="select3" class="demo" style="width:200px;">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
    </select>

    【讨论】:

    • 我正在寻找插件自己的回调函数,但仍然为你的努力投票..
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-07-03
    • 1970-01-01
    • 1970-01-01
    • 2010-11-12
    • 2012-07-22
    • 2023-04-04
    • 2014-11-02
    相关资源
    最近更新 更多