Question

我需要隐藏/显示 select2多选

中的选项

我已经尝试过类似的操作，但是选项2没有隐藏：

Crashlytics.log("Application Variables: userID="967234112", myJsonObject=null");

 $(document).ready(function() {
  $('#test').select2();
  });

我添加了一个jsfiddle： https://jsfiddle.net/sindhujagovindaraju/xpvt214o/738000/

Answer 1

您必须使用“ disabled”而不是“ display：none”，并按如下所示编写CSS：

$(document).ready(function(){
    $("#test").select2();
});

.select2-container--default .select2-results__option[aria-disabled=true] { display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
 <select id="test" multiple style="width:250px">
        <option value="1">One</option>
        <option value="2" disabled>Two</option>
        <option value="3">Three</option>
 </select>

Answer 2

您可以使用以下代码：

option [value = 2] {显示：无；}

最好为每个li元素动态添加一个css类/ id并以它们作为目标，而不是动态的值

ps：尽管Options with display:none not hidden in IE

，IE可能还是有问题

Answer 3

 .Select-input option:nth-child(4){display: none;}

在select2多选中隐藏选项

3 个答案: