如何使下拉列表默认为空白

Question

当我转到我的网页时，它有一个下拉列表，其中已经选择了一个名称。我希望每次有人访问该页面时它都默认为空白值。他们将需要输入空白 space.

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

Answer 1

1) 确保 Model.OwnerList 第一个值为空值（因此它是列表的默认值）。

下面是创建一个空的 SelectListItem 以作为您在 Model.OwnerList

中的第一项的示例

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

2) 确保 OwnerId 尚未包含值

如果 OwnerId 已经有一个值，它将 select 它在 Model.OwnerList 中找到的第一个与该值匹配的项目

做这两件事，你就会有一个空的 selection on load

Answer 2

使用 append/prepend 或 appendTo/prependTo 将新的空选项添加到带有 jquery 的列表的开头或结尾。

确保运行文档加载后的脚本：

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

或

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

Answer 3

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

我发现首先在下拉列表中显示空 space 的方式是这样的：

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

感谢您的帮助！这是我的第一个 post 并且几乎立即得到了帮助。这是html，下次我会详细了解如何正确post。

How to make drop-down default to blank