jQuery选择重复项下拉列表

Question

我正在使用jquery选择的库在Razor页面的下拉列表中具有研究栏。 我在页面加载时初始化了下拉列表，并且可以正常工作。 问题是它可以工作两次，我有2个下拉列表，而不是只有一个（第一个是本机剃须刀下拉列表，第二个是选定的下拉列表）。 我不明白为什么会发生这种现象。有什么帮助吗？

HTML：

<div class="form-group">
@Html.LabelFor(m => m.BrewerId, new { @class = "col-md-2 control-label" })
@(Html.DropDownListFor(m => m.BrewerId, Model.BrewerCollection, "--", new { @class = "form-control chosen-ddl", onchange = "OnBrewerChange(this)" }))
</div>

Javascript：

<script type="text/javascript">
function InitChosenSearchDrop() {

    if ($(".chosen-ddl").length) {
        $(".chosen-ddl").chosen();
    }
}
</script>

结果：

https://i.stack.imgur.com/8b0m3.jpg

Answer 1

最后找出问题所在。 只是一种替代样式使原始下拉菜单始终显示。