在 Razor 视图中默认未选中下拉项

问题描述

我在 C# 中的 MVC 中的 Razor 视图中编写了以下代码。我想根据价值选择一项，但它不起作用。我确认变量 Facilities 包含值 Un-Funded 但它没有选择此项。

<select id="facilities" class="form-control" style="width:200px;">
<option @{ if (Facilities == "Funded") { Response.Write(" selected "); } }>Funded</option>
<option @{ if (Facilities == "Un-Funded") { Response.Write(" selected "); } }>Un-Funded</option>
</select>

这是 HTML 外观的屏幕截图。请注意，它不会为任何选项打印 selected。

解决方法

我使用的 Response.Write 在 Razor 视图中不起作用。使用 @Html.Raw("some string") 修复了该问题。所以代码看起来像这样：

@{ if(Facilities == "Funded") { @Html.Raw("selected='selected'") } }

,

你可以尝试使用js，这样如果你有很多选项，你就不需要检查每个选项：

   <select id="facilities" class="form-control" style="width:200px;">
        <option value="Funded">Funded</option>
        <option value="Un-Funded">Un-Funded</option>
    </select>
<script>
            $(function () {
                $("#facilities").val("@Facilities");
                //Or you can use $("#facilities").val(@Html.Raw(Json.Encode(Facilities)));
            })
</script>