Blazor中select组件OnChange事件如何传递parameter.Name与element.Name两个参数

问题根因 #

原代码直接将方法名绑定到select的@onchange事件时，事件处理方法仅能接收框架默认传入的ChangeEventArgs对象，无法直接读取select元素所在上下文的parameter.Name值，自然无法在回调中获取该数据。

具体实现方案 #

方案1：Lambda内联捕获上下文传参（推荐实现） #

在事件绑定位置通过lambda表达式包装回调，将当前循环作用域内的parameter.Name作为自定义入参传入事件处理方法，无需修改现有渲染结构，无额外运行开销。
调整后代码示例：

@* 外层遍历所有参数的循环 *@
@foreach (var parameter in ParameterList)
{
    // 循环体内声明局部变量，避免低版本Blazor的闭包捕获bug
    var currentParameter = parameter;
    <select class="form-control" 
            @onchange="e => HandleSelectChange(e, currentParameter.Name)">
        @foreach (Element element in currentParameter.Domain.Elements)
        {
            <option value=@element.Name>@element.Description</option>
        }
    </select>
}

@code
{
    // 回调方法增加接收所属参数名的入参
    private void HandleSelectChange(ChangeEventArgs e, string parameterName)
    {
        // 直接获取选中的element名称
        var selectedElementName = e.Value?.ToString();
        // 可同时拿到所属parameter.Name
        Console.WriteLine($"所属参数：{parameterName}，选中元素：{selectedElementName}");
    }
}

注意点：低版本.NET/Blazor中foreach循环的迭代变量是整个循环共享的，若直接在lambda中引用外层循环的parameter，会导致所有select的回调都绑定最后一次循环的参数值，因此必须在循环体内通过局部变量中转上下文。
该方案的优势：

• 类型安全，无需额外字符串解析逻辑
• 不存在特殊字符转义的维护成本
• 完全利用Blazor的渲染上下文机制，无额外前端交互开销

方案2：Option值拼接存储关联信息 #

若无法直接使用lambda绑定，可将parameter.Name和element.Name拼接为固定格式的字符串存入option的value属性，在回调中拆分字符串提取两个值。
代码示例：

<select class="form-control" @onchange="SelectValueChange">
    @foreach (Element element in parameter.Domain.Elements)
    {
        // 使用固定分隔符拼接两个值
        <option value="@($"{parameter.Name}||{element.Name}")">@element.Description</option>
    }
</select>

@code
{
    public void SelectValueChange(ChangeEventArgs e) 
    {
        var rawInput = e.Value?.ToString() ?? "";
        var parts = rawInput.Split("||");
        if (parts.Length < 2) return;
        var parameterName = parts[0];
        var selectedElementName = parts[1];
        // 后续业务逻辑
    }
}

该方案的局限性：如果Name字段中包含和分隔符重复的内容，会导致拆分逻辑失效，需要额外做特殊字符转义，维护成本高于lambda传参方案，仅在无法直接使用lambda绑定的特殊场景下使用。

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