bootstrap-select：下拉菜单中选项未显示

Question

我正在使用ASP.net MVC和Bootstrap。我有两个下拉列表，我使用bootstrap-select来匹配主题。问题在于，如果我点击下拉列表，它不会显示其内容。但是，如果我在焦点状态下按下（或向上）箭头键，它将显示下拉列表的内容。

Razor:

<div class="form-group">
    @Html.LabelFor(m => m.Profession, new { @class = "col-md-2 control-label" })
    <div class="col-md-10">
        @Html.DropDownListFor(m => m.Profession, new SelectList(Enum.GetValues(typeof(Profession))),
                "Select Profession", new { @class = "selectpicker" })
    </div>
</div>

Javascript:

<script type="text/javascript">
    $(document).ready(function () {
    $('select').selectpicker();
    });
</script>`

有什么想法吗？我已经被卡在这里太久了 :-)

- ddwebtech

---

你能发布 selectpicker() 的代码吗？ - undefined

Answer 1

如果我正确理解了bootstrap-select的文档，你只需要将类selectpicker添加到下拉菜单中。你可能根本不需要文档就绪语句。只需删除整个脚本块并查看是否可以解决问题...你可能正在初始化它两次并破坏了一些内容。

另一个选择是删除类并保留文档就绪声明。

- kevindeleon