Question

我在jQuery插件下面使用，它运行正常。

如果下拉列表中没有项目，我想知道如何隐藏“全选”选项。

我们有什么方法可以禁用多个选择下拉列表？

Answer 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>

禁用jQuery multiple select插件中的Select all选项

1 个答案: