.NET Core 8中如何为多选下拉框绑定已选中值？

我的.NET 8表单里有个多选下拉框，数据库中选中值以逗号分隔的字符串（例如A,B,C）存储，需要在编辑页面加载时自动选中对应选项，当前代码无法实现该效果，求解决方案。

当前模型代码 #

public partial class Bat
{
    [Key]
    [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    public Guid Id { get; set; }
    
    public string? FirstName { get; set; }
    public string? LastName { get; set; }
    public string? MyMultiSelectList { get; set; } = null!; 
}

当前Edit控制器方法 #

public async Task<IActionResult> Edit(Guid? id)
{
    if (id == null)
    {
        return NotFound();
    }

    var bat = await _context.Bats.FindAsync(id);
    List<string> selectedBats = bat.MyMultiSelectList.Split(",").ToList();
    List<SelectListItem> batList = new List<SelectListItem>()
    {
        new SelectListItem(){Text="A", Value="A"},
        new SelectListItem(){Text="B", Value="B"},
        new SelectListItem(){Text="C", Value="C"}
    };

    ViewBag.BatList =  new SelectList(batList, "Value", "Text", selectedBats);

    if (initiative == null)
    {
        return NotFound();
    }
    return View(bat);
}

当前Edit视图代码 #

<select asp-for="MyMultiSelectList" asp-items="ViewBag.BatList" class="form-select form-select-sm shadow-none" multiple></select>

问题分析与修复方案 #

当前代码存在两个核心问题：

1. 模型中MyMultiSelectList是单个字符串类型，但多选下拉框默认绑定字符串数组，类型不匹配导致选中状态无法生效。
2. 使用SelectList传递选中值的方式在多选场景下可靠性低，直接给SelectListItem设置Selected属性更稳妥。

步骤1：修改模型（添加绑定专用属性） #

新增一个非映射的数组属性，用于和多选下拉框绑定，同时保留原属性对应数据库字段：

public partial class Bat
{
    [Key]
    [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    public Guid Id { get; set; }
    
    public string? FirstName { get; set; }
    public string? LastName { get; set; }
    public string? MyMultiSelectList { get; set; } = null!; 

    // 非映射属性，仅用于多选框绑定
    [NotMapped]
    public string[]? SelectedItems { get; set; }
}

步骤2：调整控制器Edit方法 #

修正空判断错误，同时将逗号分隔字符串转为数组，直接给下拉选项设置选中状态：

public async Task<IActionResult> Edit(Guid? id)
{
    if (id == null)
    {
        return NotFound();
    }

    var bat = await _context.Bats.FindAsync(id);
    if (bat == null) // 修正原代码的空判断错误
    {
        return NotFound();
    }

    // 将数据库中的逗号分隔字符串转为数组，赋值给绑定属性
    if (!string.IsNullOrEmpty(bat.MyMultiSelectList))
    {
        bat.SelectedItems = bat.MyMultiSelectList.Split(",", StringSplitOptions.RemoveEmptyEntries);
    }

    // 构建下拉选项并设置选中状态
    List<SelectListItem> batList = new List<SelectListItem>()
    {
        new SelectListItem(){Text="A", Value="A", Selected = bat.SelectedItems?.Contains("A") ?? false},
        new SelectListItem(){Text="B", Value="B", Selected = bat.SelectedItems?.Contains("B") ?? false},
        new SelectListItem(){Text="C", Value="C", Selected = bat.SelectedItems?.Contains("C") ?? false}
    };

    ViewBag.BatList = batList;

    return View(bat);
}

步骤3：修改视图绑定目标 #

将asp-for指向新增的数组属性：

<select asp-for="SelectedItems" asp-items="ViewBag.BatList" class="form-select form-select-sm shadow-none" multiple></select>

步骤4：处理提交时的数据回写（可选） #

若需要在编辑提交后将选中的数组转回逗号分隔字符串存入数据库，在Post方法中添加转换逻辑：

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Edit(Guid id, [Bind("Id,FirstName,LastName,SelectedItems")] Bat bat)
{
    if (id != bat.Id)
    {
        return NotFound();
    }

    if (ModelState.IsValid)
    {
        try
        {
            // 将选中数组转为逗号分隔字符串
            bat.MyMultiSelectList = bat.SelectedItems != null ? string.Join(",", bat.SelectedItems) : string.Empty;
            _context.Update(bat);
            await _context.SaveChangesAsync();
        }
        catch (DbUpdateConcurrencyException)
        {
            if (!BatExists(bat.Id))
            {
                return NotFound();
            }
            else
            {
                throw;
            }
        }
        return RedirectToAction(nameof(Index));
    }

    // 验证失败时重新构建下拉选项
    List<SelectListItem> batList = new List<SelectListItem>()
    {
        new SelectListItem(){Text="A", Value="A", Selected = bat.SelectedItems?.Contains("A") ?? false},
        new SelectListItem(){Text="B", Value="B", Selected = bat.SelectedItems?.Contains("B") ?? false},
        new SelectListItem(){Text="C", Value="C", Selected = bat.SelectedItems?.Contains("C") ?? false}
    };
    ViewBag.BatList = batList;
    return View(bat);
}

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