ASP.NET MVC中@Html.LabelFor的for属性匹配问题求助

问题原因 #

你手动指定了下拉框的自定义ID（ddlCoverageYear），但MVC自动生成的Label for 属性未同步这个自定义ID；再加上视图处于嵌套上下文（如模态框、局部视图）时，MVC会自动给表单元素ID添加前缀（如initiateModalVendorId_），最终导致二者完全不匹配。

解决方案 #

方案1：让MVC自动同步ID（推荐） #

去掉下拉框的手动ID设置，让MVC自动生成与Label for 属性匹配的ID，包括自动添加的前缀：

<div class="form-group">
    @Html.LabelFor(model => model.CoverageYear, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownListFor(model => model.CoverageYear, Model.CoverageYears, new { @class = "form-control" })
    </div>
</div>

此时生成的HTML中，Label的for属性和下拉框的ID会统一为initiateModalVendorId_CoverageYear（带前缀），完全匹配。

方案2：手动同步自定义ID #

如果必须保留自定义ID ddlCoverageYear，则手动设置Label的for属性为前缀+自定义ID，利用ViewData.TemplateInfo.HtmlFieldPrefix动态获取当前上下文的前缀：

<div class="form-group">
    @Html.LabelFor(model => model.CoverageYear, new { @class = "control-label col-md-2", @for = $"{ViewData.TemplateInfo.HtmlFieldPrefix}_ddlCoverageYear" })
    <div class="col-md-10">
        @Html.DropDownListFor(model => model.CoverageYear, Model.CoverageYears, new { id = "ddlCoverageYear", @class = "form-control" })
    </div>
</div>

这样Label的for属性会生成为initiateModalVendorId_ddlCoverageYear，和下拉框的ID完全一致。

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