使用select2的语义ui

Question

我在使用语义UI和Select2时遇到问题，我想要一个带有全文搜索的选择框，所以我找到了一个Select2并由语义ui fw进行了样式化。 但是，这两个库造成了一个问题，我无法解决。 所以我请教你。 您可以在图片中看到问题，并附上了代码。

HTML：

<select name="roles" id="frm-roles" class="ui dropdown">
  <option value="985">Admin</option>
  <option value="785">Guest</option>
</select>

jQuery的：

$('#frm-roles').select2();

页面结果

那么，为什么选择框包含在另一个选择框中呢？ 谢谢

Answer 1

发生这种情况的原因是，您首先在同一元素上初始化dropdown() ，然后选择select2() 。

您必须从代码中删除dropdown()调用（搜索类似$('.ui.dropdown').dropdown()或$('#frm-roles').dropdown()的代码）或在以下位置更改代码另一种方法是不对此元素（ #frm-roles ）调用dropdown() ）。