javascript - 使用 select2 时如何删除 Materialise 的选择下拉列表？

Question

我同时使用 MaterializeCSS 和 Select2，并且有一个正常的:

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

然后:

$("#manual-download-pfj-select").select2({width: "100%"});

一切正常，除了一个问题:

我得到了这个烦人的下拉重复(这是 MaterializeCSS 的默认下拉菜单，但它没有搜索功能，所以我想删除它)。 I've seen libraries结合MaterializeCSS和Select2，但它们没有用，因为它们只改变颜色/主题，保留无用的重复。无论是其中之一，还是另一个，都具有搜索功能。

Answer 1

我会使用browser-default类，它告诉框架跳过该元素:

<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 的搜索功能: