.NET Core View中如何让下拉选择框显示超过5个选项
.NET Core下拉框点击仅显示少量选项,如何设置显示更多选项?
我在.NET Core的View中实现了一个县选择下拉框,总共有21个县选项,页面渲染正常,但点击下拉按钮时仅能看到5个选项,需要滚动才能查看其他选项。需求是让下拉框一次性显示15-20个选项,请问该怎么实现?
我的HTML代码如下:
<select asp-for="@Model.CountyId" asp-items="@Model.Counties" id="Counties" class="selectCnty form-control" />
我尝试给原生select标签添加size属性,但没有效果。
问题原因与解决方案
经过排查发现,问题出在selectCnty对应的bootstrap-select插件配置上:插件默认设置的size值为6,覆盖了原生select的size属性。
只需要在初始化selectpicker时,将size参数修改为20,即可让下拉框一次性显示20个选项:
$(".selectCnty").selectpicker({ width: '100%', size: 20, title: '选择一个县' });
内容的提问来源于stack exchange,提问作者Hiwater
相关产品推荐
相关产品推荐

