默认选择选项为空白 mvc razor

Question

我希望null option selected 在下拉菜单中默认显示为--Select--。我正在尝试这样做

<select class="form-control" asp-for="EducationId" asp-items="@(new SelectList(Model.educations, "Id", "Name"))"><option>--Select--</option></select>

它在选择--Select-- 选项的情况下完美加载下拉列表，但它没有使其值null。当我尝试在不选择任何选项的情况下获得它的价值时

$('#EducationId option:selected').text()

它返回具有--Select--的字符串

但我希望它返回 null

我通过添加disabled selected 尝试了this solution，但根据其声明，一旦我选择任何选项，它就不允许我再次选择第一个选项。但在我的情况下，此下拉菜单是可选的，用户可以取消选择任何选定的选项。

我怎样才能使这个下拉菜单成为可选的？

我们将不胜感激。

Answer 1

educations 是一组您要呈现给用户以供选择的项目。只需像这样添加另一个项目（我假设它被称为Education）：

Model.educations.Insert(0, new Education{Id = -1, Name = "--Select--" });

然后检查该项目是否已被选中并做任何你需要做的事情。