多选元素BindProperty绑定问题：未选值时变量无法清空

问题原因 #

当多选<select>未选中任何选项时，浏览器不会向服务器提交该字段的表单数据。ASP.NET Core的模型绑定器因为接收不到对应字段的值，就不会更新绑定的school属性，导致它保留之前的选中值。

解决方案 #

方法1：添加隐藏字段强制提交空值

在<select>标签后添加一个同名的隐藏输入框，当没有选中选项时，这个隐藏框会提交空值，触发模型绑定器更新school属性：

<div class="form-group col s3">
    <label asp-for="school" class="control-label">Schultage</label>
    <select asp-for="school" class="form-control" asp-items="Model.SchoolDays" multiple > 
    </select>
    <!-- 添加这个隐藏字段 -->
    <input type="hidden" asp-for="school" value="" />
</div>

这样无论是否选中选项，表单都会提交school字段的值，未选中时提交空字符串，模型绑定器会自动将school设为空数组。

方法2：在POST方法中手动检查并重置

在处理表单提交的POST方法里，检查请求表单是否包含school字段，如果没有就手动将其设为空数组：

public IActionResult OnPost()
{
    // 检查表单是否携带school字段
    if (!Request.Form.ContainsKey("school"))
    {
        school = Array.Empty<int>(); // 或者设置为null，根据业务需求选择
    }

    // 后续的保存、验证逻辑
    return Page();
}

方法3：自定义模型绑定器（全局场景适用）

如果你的项目中有多个类似的多选下拉框需要处理，可以自定义模型绑定器，让未提交字段时自动将数组类型属性设为空数组。创建一个自定义绑定器：

public class EmptyArrayModelBinder : IModelBinder
{
    public Task BindModelAsync(ModelBindingContext bindingContext)
    {
        var valueProviderResult = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);
        if (valueProviderResult == ValueProviderResult.None)
        {
            bindingContext.Result = ModelBindingResult.Success(Array.CreateInstance(bindingContext.ModelType.GetElementType(), 0));
            return Task.CompletedTask;
        }
        // 使用默认绑定逻辑处理有值的情况
        var defaultBinder = new SimpleTypeModelBinder(bindingContext.ModelType);
        return defaultBinder.BindModelAsync(bindingContext);
    }
}

然后在属性上标记使用这个绑定器：

[BindProperty(SupportsGet = true)]
[ModelBinder(BinderType = typeof(EmptyArrayModelBinder))]
public int[] school { get; set; }

这种方法适合需要统一处理多个数组绑定的场景，不需要每个页面都加隐藏字段。

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