javascript - bootstrap-select:选项未出现在下拉列表中

Question

我正在使用带有 Bootstrap 的 ASP.net MVC。我有两个下拉列表，我使用 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>`

有什么想法吗？我已经坚持太久了:-)

Answer 1

如果我对 bootstrap-select 文档的理解正确，您实际上只需要将类 selectpicker 添加到您的下拉列表中。您可能根本不需要文档就绪语句。只需删除整个脚本 block ，看看是否可以修复它……您可能会对其进行两次初始化并进行处理。

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