Javascript 使用select2时，如何删除Materialize的select下拉列表？

我同时使用MaterializeCS和Select2，并具有正常的：

<label>Seleção de PFJ</label>
<select id="manual-download-pfj-select" name="pfj-select" multiple></select>

除一个问题外，所有问题均正常：

---

我得到了这个恼人的下拉重复，这是MaterializeCSS的默认值，但它没有搜索功能，所以我只想删除它。将MaterializeCSS和Select2组合在一起，但它们没有用，因为它们只会更改颜色/主题，保留无用的重复。一个或另一个具有搜索功能

我通过直接删除select包装的可视性成功地做到了这一点：

.select-wrapper {
    display: none !important;
}

---

这远非理想，但似乎是唯一的办法。现在，我可以使用这些.css调整使Select2看起来像MaterializeCSS。

我通过直接删除SelectWrapper的可视性来实现这一点：

.select-wrapper {
    display: none !important;
}

这远非理想，但似乎是唯一的办法。现在，我可以使用这些.css调整使Select2看起来像MaterializeCSS。

我将使用浏览器默认类，它告诉框架跳过元素：

<div class="row">
  <label class="">Seleção de PFJ</label>
    <select class="browser-default" multiple>
      <option value="1">example 1</option>
      <option value="2">example 2</option>
      <option value="3">example 3</option>
    </select>
</div>

这将保留Select2的搜索功能：

我将使用browser默认类，它告诉框架跳过元素：

<div class="row">
  <label class="">Seleção de PFJ</label>
    <select class="browser-default" multiple>
      <option value="1">example 1</option>
      <option value="2">example 2</option>
      <option value="3">example 3</option>
    </select>
</div>

这将保留Select2的搜索功能：