You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 09:42:06