我正在使用带有引导程序的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/