我正在使用带有引导程序的ASP.net MVC。我有两个下拉列表,我使用bootstrap-select来匹配主题。问题是,如果我单击下拉列表,则不会显示其内容。但是,如果在聚焦时按向下(或向上)键,则会显示下拉列表的内容。

剃刀:

<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>`


有任何想法吗?我已经坚持了太久了:-)

最佳答案

如果我正确理解了引导选择文档,则实际上只需要将类selectpicker添加到下拉列表中。您可能根本不需要文档就绪语句。只需删除整个脚本块,看看是否能解决问题……您可能会对其进行两次初始化并进行处理。

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

关于javascript - bootstrap-select:选项未出现在下拉菜单中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34385724/

10-14 16:07
查看更多