.NET Core中多选下拉框选中项绑定与选中值获取问题

看起来你已经完成了下拉框的数据绑定，还用Select2做了美化，现在卡在提交时获取多选值这一步对吧？我来给你几个项目里实际在用的解决方案，都是很靠谱的：

方案一：用ViewModel进行模型绑定（推荐） #

这是ASP.NET Core里最规范的做法，通过ViewModel的集合属性自动接收多选值：

1. 调整你的ViewModel #

首先，确保ViewModel里有一个集合类型的属性，用来接收选中的分组ID（根据你的GroupId类型选List<int>或List<string>）：

public class YourPageViewModel
{
    // 页面其他属性...
    // 如果GroupId是int类型用List<int>，是字符串就用List<string>
    public List<int> SelectedGroupIds { get; set; } = new List<int>(); // 初始化避免空引用
}

2. 修改HTML下拉框标签 #

把asp-for指向ViewModel的集合属性，其实你之前的SelectList可以简化，因为ViewBag.Groups已经是SelectListItem集合了，直接传就行：

<select class="select2 form-control" 
        asp-for="SelectedGroupIds" 
        asp-items="@ViewBag.Groups" 
        multiple>
</select>

3. 在Post方法中接收值 #

直接把ViewModel作为参数传入Post方法，框架会自动把选中的多个值绑定到集合属性里：

[HttpPost]
public IActionResult YourSubmitAction(YourPageViewModel model)
{
    if (ModelState.IsValid)
    {
        // 这里就能拿到所有选中的分组ID啦
        foreach (var groupId in model.SelectedGroupIds)
        {
            // 处理每个选中的分组，比如关联用户、存数据库等
            Console.WriteLine($"选中的分组ID：{groupId}");
        }
        
        return RedirectToAction("Index"); // 处理完成后跳转
    }

    // 注意：Post请求后ViewBag会丢失数据，要重新绑定下拉框选项
    var groups = _context.Groups.Select(g => new SelectListItem
    {
        Text = g.GroupName,
        Value = g.GroupId.ToString()
    }).ToList();
    ViewBag.Groups = groups;
    
    return View(model); // 验证失败返回原页面，保留用户输入
}

方案二：直接用FromForm接收数组（快速临时方案） #

如果不想修改ViewModel，可以直接在Post方法里用[FromForm]特性接收数组：

1. 修改HTML下拉框的name属性 #

把asp-for换成name，指定一个参数名：

<select class="select2 form-control" 
        name="selectedGroupIds" 
        asp-items="@ViewBag.Groups" 
        multiple>
</select>

2. 在Post方法中接收 #

[HttpPost]
public IActionResult YourSubmitAction([FromForm] int[] selectedGroupIds)
{
    // selectedGroupIds就是选中的所有分组ID数组，空的话就是没选任何选项
    if (selectedGroupIds != null && selectedGroupIds.Any())
    {
        foreach (var id in selectedGroupIds)
        {
            // 处理逻辑
        }
    }
    
    // 同样，返回视图时要重新绑定ViewBag.Groups
    var groups = _context.Groups.Select(g => new SelectListItem
    {
        Text = g.GroupName,
        Value = g.GroupId.ToString()
    }).ToList();
    ViewBag.Groups = groups;
    
    return View();
}

注意事项 #

• Select2初始化：确保你已经正确初始化了Select2，否则可能导致多选值无法正常提交，比如在页面底部加这段JS：

  $(document).ready(function() {
      $('.select2').select2();
  });
  

• 空值处理：如果用户没选任何选项，集合/数组会是null，处理时要先判断是否为空，避免空引用异常。
• 数据类型匹配：ViewModel的属性类型要和GroupId的类型一致，比如GroupId是Guid，就用List<Guid>。

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