在 HTML / Blazor Select 中设置默认值（下拉） Foreach

Question

我想在 HTML 中的 Select 列表中的 foreach 循环中设置默认值。

感谢您的努力。

<select class="form-control" style="width: 160px" id="id">
@foreach (var option in Function())
{
    <option> @option </option>
}

Answer 1

使用

<option value="value" selected>Option Name</option>

Answer 2

如果你希望能够选择选择哪个值并且自动获取更新的值，那么你可以使用双向绑定：

<select @bind="BindString">
    @foreach (var item in ValuesFromFunction)
    {
        <option>@item</option>
    }
</select>
<br/>
<div>The selected value is: <b>@BindString</b></div>

@code {
    string BindString { get; set; } = "Three";
    List<string> ValuesFromFunction = new() { "One", "Two", "Three" };
}

在 HTML / Blazor Select 中设置默认值（下拉） Foreach

Set Default Value in HTML / Blazor Select (Dropdown) Foreach

html

select

default-value

drop-down-menu

blazor