ASP.NET中如何为NationalityId下拉框添加NULL选项？

问题描述 #

模型中已将NationalityId声明为可空类型int?以支持空值，但Visual Studio脚手架生成的下拉框仅显示国籍数据，无法选择空值；而同为可空枚举的Gender下拉框却自动包含空选项。

模型代码：

public Gender? Gender { get; set; }

[ForeignKey(nameof(Nationality))]
public int? NationalityId { get; set; }

public Nationality Nationality { get; set; }

脚手架生成的视图代码片段：

<div class="form-group">
    @Html.LabelFor(model => model.Gender, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EnumDropDownListFor(model => model.Gender, htmlAttributes: new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.Gender, "", new { @class = "text-danger" })
    </div>
</div>

<div class="form-group">
    @Html.LabelFor(model => model.NationalityId, "NationalityId", htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownList("NationalityId", null, htmlAttributes: new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.NationalityId, "", new { @class = "text-danger" })
    </div>
</div>

解决方案 #

方法1：直接修改视图的DropDownList调用 #

@Html.DropDownList支持传入空选项文本作为第三个参数，直接添加即可：

@Html.DropDownList("NationalityId", null, "请选择", htmlAttributes: new { @class = "form-control" })

若不需要显示文本，传入string.Empty生成空白空选项：

@Html.DropDownList("NationalityId", null, string.Empty, htmlAttributes: new { @class = "form-control" })

方法2：改用强类型DropDownListFor（推荐） #

保持强类型绑定的优势，替换为DropDownListFor并指定空选项：

@Html.DropDownListFor(model => model.NationalityId, (IEnumerable<SelectListItem>)ViewBag.NationalityId, "请选择", new { @class = "form-control" })

注：控制器需已将国籍列表传入ViewBag.NationalityId（脚手架生成的控制器通常已完成此操作）。

方法3：在控制器层添加空选项 #

修改Create/Edit方法中的SelectList生成逻辑，手动插入空选项：

// 从数据库获取国籍列表并转为SelectListItem
var nationalityOptions = _context.Nationalities
    .Select(n => new SelectListItem
    {
        Value = n.Id.ToString(),
        Text = n.Name // 替换为Nationality实体实际用于显示的字段（如Name）
    })
    .ToList();

// 在列表开头插入空选项
nationalityOptions.Insert(0, new SelectListItem { Value = "", Text = "请选择" });

// 传入视图
ViewBag.NationalityId = nationalityOptions;

视图保持原DropDownList调用即可。

原因说明 #

EnumDropDownListFor针对可空枚举类型会自动生成空选项，而普通的DropDownList/DropDownListFor不会，需手动指定空选项参数或在数据源中添加空项。

内容的提问来源于stack exchange，提问作者DotNet Developer