如何使下拉菜单默认为空白

问题描述 投票:0回答:1

当我进入我的网页时,它有一个下拉列表,其中已经选择了一个名字。我希望每次有人进入该页面时,它都能默认为一个空白值。他们将需要在该空白处输入。

<select asp-for="OwnerId" class="form-control" asp-items="@Model.OwnerList"></select>
c# asp.net asp.net-mvc drop-down-menu dropdown
1个回答
0
投票

使用appendprepend或appendToprependTo来添加新的空选项到列表的开头或结尾的jquery。

确保在文档加载后运行该脚本。

$(function () {
    $("#OwnerId").prepend('<option></option>').val('');
});

$(function () {
    $('<option>', { value: '' }).appendTo($("#OwnerId"));
});

1
投票
<select asp-for="OwnerId" class="form-control" asp-items="@Model.OwnerList"></select>

我发现让下拉菜单中的空位先显示的方法是这样的。

<select asp-for="OwnerId" class="form-control" asp-items="@Model.OwnerList">
    <option value=""></option>
</select>

谢谢你的帮助!这是我第一次发帖,几乎是马上就得到了帮助。这是html,下次我会更懂得如何正确发帖。


0
投票

1) 确保 Model.OwnerList 第一个值是一个空值(所以它是列表的默认值)。

下面是一个创建空值的例子 SelectListItem 作为您的第一个项目放置在 Model.OwnerList

var empty = new SelectListItem() {
    Text = "",
    Value = ""
};

2)确保 OwnerId 没有包含一个值

如果 OwnerId 已经有一个值,它将选择它在 Model.OwnerList 匹配该值

做到这两点,你在加载时就会有一个空的选择。

© www.soinside.com 2019 - 2024. All rights reserved.