.NET Core 6 Razor页面多选列表无法绑定Participants至控制器

1. 确认模型属性类型 #

• 如果Meetings.Participants是List<int>或IEnumerable<int>（用于存储选中人员的ID），这是最容易实现自动绑定的类型，因为多选Select会提交多个同名参数，ASP.NET Core会自动将其绑定到集合。
• 如果Participants是List<Person>类型，无法直接通过表单提交绑定，因为表单只会提交选中项的ID值，需要在后台通过ID查询实例后填充。

2. 修正页面Select标签写法 #

确保Select标签的asp-for指向正确的嵌套属性，同时添加multiple属性开启多选：

<select asp-for="Meetings.Participants" asp-items="ViewBag.PersonOptions" multiple>
    <option value="">请选择参会人员</option>
</select>

在PageModel的OnGet方法中初始化下拉选项（需提前注入人员查询服务）：

public void OnGet()
{
    // 假设Person实体有Id和Name属性
    ViewBag.PersonOptions = new SelectList(_personRepository.GetAll(), "Id", "Name");
}

3. 检查表单提交的Name属性 #

查看页面渲染后的Select标签name属性，应为Meetings.Participants。如果不是，说明asp-for的路径写错（比如Meetings是集合时需加索引，如Meetings[0].Participants）。

4. 处理复杂类型绑定（针对List场景） #

如果Participants是List<Person>，需通过临时属性中转：

1. 在PageModel中添加临时属性：

public List<int> SelectedParticipantIds { get; set; }

2. 页面中修改Select的asp-for指向临时属性：

<select asp-for="SelectedParticipantIds" asp-items="ViewBag.PersonOptions" multiple>
    <option value="">请选择参会人员</option>
</select>

3. 在OnPost方法中通过ID查询Person实例并填充：

public IActionResult OnPost()
{
    if (ModelState.IsValid)
    {
        // 通过选中ID查询Person列表
        Model.Meetings.Participants = _personRepository.GetByIds(SelectedParticipantIds).ToList();
        // 执行保存逻辑
        return RedirectToPage("Index");
    }
    // 重新加载下拉选项
    ViewBag.PersonOptions = new SelectList(_personRepository.GetAll(), "Id", "Name");
    return Page();
}

5. 排查ModelState错误 #

在OnPost方法中先检查ModelState的绑定错误，快速定位问题：

var errors = ModelState.Values.SelectMany(v => v.Errors).ToList();
// 输出errors查看具体绑定失败原因

6. 排除表单元素干扰 #

• 确保Select标签没有被设置为disabled，禁用元素不会提交值。
• 检查自定义JavaScript代码，确保没有破坏Select的选中状态或表单提交结构。

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