Javascript 带有select2的语义用户界面

Javascript 带有select2的语义用户界面,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在使用语义用户界面和 我想要一个带有全文搜索的selectbox,这样我就可以找到一个Select2,并通过语义ui fw进行样式化。但这两个LIB造成了一个问题,我无法解决。所以我向你请教。你们可以在图片中看到一个问题,我附上了代码 Html: <select name="roles" id="frm-roles" class="ui dropdown"> <option value="985">Admin</option> <option

我在使用语义用户界面和 我想要一个带有全文搜索的selectbox,这样我就可以找到一个Select2,并通过语义ui fw进行样式化。但这两个LIB造成了一个问题,我无法解决。所以我向你请教。你们可以在图片中看到一个问题,我附上了代码

Html:

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


那么,为什么选择框包含在另一个选择框中?谢谢

之所以会发生这种情况,是因为您首先在同一元素上初始化
下拉列表()
,然后
选择2()

您必须从代码中删除
dropdown()
调用(搜索类似
$('.ui.dropdown').dropdown()
$('#frm roles').dropdown()
)的内容,或者以另一种方式更改代码,以便不在此元素上调用
dropdown()

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