我有一个选择下拉菜单,包含一个状态列表。我通过this stackoverflow解决方案限制了点击下拉菜单后的可见选项,如下面的代码所示:
<div>
<label asp-for="Venture.Location" class="form-label">Venture Location</label>
<select asp-for="Venture.Location" class="form-input form-select" required onmousedown="this.size=9" onblur="this.size=0" onchange="this.size=0">
<option disabled selected value="">select an option</option>
@foreach(var location in Model.Locations)
{
<option value="location">@location</option>
}
</select>
</div>
然而,点击下拉菜单,我会看到一个截止选项,显示超过9个选项。我如何确保通过大小只显示正确的选项数量?我如何摆脱截止选项?
3条答案
按热度按时间xzlaal3s1#
问题是(因为它已经写在你复制代码的答案的一个注解中,这是从IE11崩溃的)。
您可以使用
select
标签上的size
属性简单地修复此问题:这将导致仅显示
Location1
和Location2
qzwqbdag2#
答案是select元素上的填充导致了这个问题。一旦
mousedown
事件发生,我就删除了填充。whitzsjs3#
尝试在css中使用