.NET 8 Identity Blazor注册页<select>值无法绑定到模型

核心问题分析 #

你的代码存在两个关键问题导致HowHearId始终绑定为0：

• 使用**原生HTML <select>**而非Blazor官方的InputSelect组件，在.NET 8 Auto模式（SSR+交互式混合渲染）下，原生表单提交无法自动生成符合模型绑定要求的name属性，导致SupplyParameterFromForm无法正确将提交值映射到InputModel的HowHearId字段。
• <select>的id属性写法错误：id="() => Input.HowHearId"是无效的表达式，会让HTML元素的id值变成字符串() => Input.HowHearId，干扰了表单绑定的识别逻辑。

另外，InputModel中HowHearId的默认值为0，当表单未正确传递该字段值时，会直接保留初始默认值。

修复方案 #

替换原生<select>为Blazor的InputSelect组件，它会自动处理表单绑定所需的属性，确保值能正确传递到模型中。

修改后的下拉选单代码 #

<div class="form-floating mb-3">
    <InputSelect @bind-Value="Input.HowHearId" class="form-select" aria-label="How did you hear about us?">
        <option value="0">Please Select...</option>
        <option value="1">Google</option>
        <option value="2">YouTube</option>
        <option value="3">Word of Mouth</option>
        <option value="4">FPL Black Box</option>
        <option value="100">Other</option>
    </InputSelect>
    <label for="@nameof(Input.HowHearId)">How did you hear about us?</label>
    <ValidationMessage For="() => Input.HowHearId" class="text-danger" />
</div>

可选优化：强制用户选择有效选项 #

给InputModel的HowHearId添加验证特性，避免用户提交默认的0值：

[Display(Name = "How did you hear about us?")]
[Range(1, 100, ErrorMessage = "Please select a valid option")]
public int HowHearId { get; set; }

修复原理 #

Blazor的InputSelect组件是为表单绑定场景设计的，它会自动完成以下工作：

1. 生成与模型属性名匹配的name属性，确保SupplyParameterFromForm能正确识别并映射提交值。
2. 自动处理字符串到int类型的转换，避免原生select可能出现的类型不匹配问题。
3. 与EditForm的验证系统无缝集成，提供一致的错误提示逻辑。

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