Blazor中如何通过下拉框触发带参数方法？我的实现为何失效？

你的代码存在几个关键问题，导致下拉列表值改变时方法无法触发，具体如下：

1. @bind-Value 与 @onchange 的冲突 #

Blazor 中@bind-Value已经内部封装了值变更的事件处理逻辑，手动添加@onchange会被覆盖，无法触发自定义方法。若要在值变更后执行逻辑，建议使用@bind-Value:after绑定回调，或在属性的setter中处理。

2. Option 标签的 Value 属性错误 #

循环生成<option>时，你设置的value="name"会让所有选项的value固定为字符串"name"，无论选择哪一项，绑定的name值都无法正确更新，自然无法触发后续方法。需要将value改为当前循环项@item。

3. EditForm 的 Model 未定义 #

你在EditForm中绑定了@exampleModel，但后台代码未定义该模型变量，这会直接导致编译错误——EditForm必须绑定一个有效的实例对象。

修复后的代码 #

UI代码 #

<EditForm Model="@exampleModel">
    <p>
        <label>
            Name:
            <InputSelect @bind-Value="name" @bind-Value:after="() => GetNames(name)">
                @foreach (string item in names)
                {
                    <option value="@item">@item</option>
                }
            </InputSelect>
        </label>
    </p>
</EditForm>

后台代码 #

@code {
    // 定义EditForm需要绑定的模型实例
    private ExampleModel exampleModel = new ExampleModel();

    public string? name { get; set; }

    public async Task GetNames(string name)
    {
        // 编写你的业务逻辑
        Console.WriteLine($"选中的名称：{name}");
    }

    string[] names = new string[] { "test", "test1", "test2", "test3", "test4" };

    // 定义对应的模型类
    public class ExampleModel
    {
        // 可根据需求添加模型属性
    }
}

其他可选方案 #

如果不想使用@bind-Value:after，也可以通过属性的setter触发方法：

private string? _name;
public string? name 
{ 
    get => _name; 
    set
    {
        _name = value;
        if (_name != null)
        {
            _ = GetNames(_name);
        }
    }
}

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