ASP.NET+C#项目中实现多选下拉框始终显示选中项数量、固定宽度及限制下拉列表行数的方法

当然可以实现你的需求！jQuery Multiselect插件提供了丰富的配置项来定制这些行为，下面是修改后的代码和详细说明：

修改后的完整代码 #

<select class="listbox" asp-for="ap" multiple style="width: 250px;"> <!-- 固定宽度 -->
    @foreach(var i in Model.Aps) {
        <option value=@i.ap_id> @i.ap_name </option>
    }
</select>
<script type="text/javascript">
    $(function () {
        $(".listbox").multiselect({
            includeSelectAllOption: true,
            // 1. 始终显示选中项数量
            numberDisplayed: 0, // 设置为0，无论选中多少项都显示"X selected"
            // 2. 限制下拉列表显示10个选项，超出滚动
            maxHeight: 280, // 调整高度以适配10个选项（根据你的字体/样式微调）
            // 若你的插件版本支持，也可以用更精准的配置：
            // numberOfVisibleOptions: 10
        });
    });
</script>

关键配置说明 #

• 始终显示选中数量：默认情况下，插件只会在选中项超过numberDisplayed（默认值4）时显示数量。把这个值设为0，就能强制无论选中1个还是多个，都显示"X selected"的文本。
• 固定文本框宽度：直接给<select>元素添加style="width: 250px;"（你可以根据需求调整宽度值），也可以把样式写到CSS类里，更符合代码规范。
• 下拉列表限制显示10个选项：通过maxHeight设置下拉框的最大高度，当选项数量超过10个时，会自动出现滚动条。如果你的插件版本支持numberOfVisibleOptions配置项，直接设置为10会更精准，它会强制下拉框只显示指定数量的选项，超出部分滚动。

如果遇到样式适配问题（比如选中数量的文本排版），你可以自定义插件的CSS类（比如.multiselect-selected-text）来调整样式，确保显示效果符合你的需求。

内容的提问来源于stack exchange，提问作者Alexandre Lourenço