如何在 Blazor 中设置组合框的选定值？

Question

我创建了一个面向 .NET 6.0 的 Blazor 服务器应用程序。

然后我将组合框添加到默认 Counter.razor 页面，如下所示

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

<p>
    <label>
        Select a car:
        <select @onchange="SelectedCarsChanged" >
            <option value="">Select a car</option>
            <option value="audi">Audi</option>
            <option value="jeep">Jeep</option>
            <option value="opel">Opel</option>
            <option value="saab">Saab</option>
            <option value="volvo">Volvo</option>
        </select>
    </label>
</p>

这是添加组合框后的@code 部分。

    private int currentCount = 0;
    private void IncrementCount()
    {
        currentCount++;
    }
    string SelectedCar = "";
    void SelectedCarsChanged(ChangeEventArgs e)
    {
        if (e.Value is not null)
        {
            SelectedCar = (string)e.Value;
        }
    }

用户选择了一辆汽车，然后按下“点击我”按钮。

发生这种情况时，如何在 IncrementCount() 例程中将组合框重置为“Select 一辆汽车”？

Answer 1

你就快完成了，像这样将 SelectedCar 绑定到 select

 <select @bind=@SelectedCar>
            <option value="">Select a car</option>
            <option value="audi">Audi</option>
            <option value="jeep">Jeep</option>
            <option value="opel">Opel</option>
            <option value="saab">Saab</option>
            <option value="volvo">Volvo</option>
        </select>

和select这样选择的车

 private void IncrementCount()
    {
        currentCount++;
        SelectedCar = "";
    }

如何在 Blazor 中设置组合框的选定值？

How do I set the selected-value of a combo-box in Blazor?

c#

combobox

blazor