Javascript jQuery使用display:none选择2插件

我正在使用select2插件，但我很难做到style=display:none

这是我的代码：

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

<select class="selectPretty" name="charge_to">
      <option selected style="display:none">Need to hide</option>
      <option>Another Data</option>
</select>

---

呈现select2时，通常会生成此html：

<div class="select2-container" id="s2id_my_unique_id" style="width: 67%;"><a href="javascript:void(0)" onclick="return false;" class="select2-choice" tabindex="-1">   <span>Select me!</span><abbr class="select2-search-choice-close" style="display:none;"></abbr>   <div><b></b></div></a><input class="select2-focusser select2-offscreen" type="text"><div class="select2-drop select2-with-searchbox" style="display:none">   <div class="select2-search">       <input type="text" autocomplete="off" class="select2-input">   </div>   <ul class="select2-results">   </ul></div></div>

如果在html中没有为select定义id，那么它通常会生成一个类似“s2id\U autogen1”的id

下面是使用CSS隐藏它的JSFIDLE，以及要使用的jQuery选择器：

---

我知道这是一个糟糕的做法，但我会尝试添加！对于该显示很重要：无声明。我认为你不能隐藏它，因为插件是通过js分配给它的：一些东西通过js分配给它，所以不改变实际插件或添加js的唯一方法就是添加！很重要，有什么办法吗？需要隐藏另一个数据当然不需要，因为select2会删除所有这些元素，我真傻。我认为这确实是一个问题，为什么需要隐藏选项标签？还有别的办法吗？