title: Hide options in select2 multi select
body: <p>I need to hide/show options from <strong>select2 multi-select</strong></p>
  
  <p>I have tried something like this but option Two is not hidden:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> $(document).ready(function() {
    $('#test').select2();
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" /&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"&gt;&lt;/script&gt;
   &lt;select id="test" multiple style="width:250px"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2" style='display:none;'&gt;Two&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have added a jsfiddle:
  <a href="https://jsfiddle.net/sindhujagovindaraju/xpvt214o/738000/" rel="nofollow noreferrer">https://jsfiddle.net/sindhujagovindaraju/xpvt214o/738000/</a></p>