Question

我的Blazor页面上有一个<select>控件，带有3个选项。我在“熊”选项上设置了selected。如果用户未触摸<select>控件，则我希望绑定值等于“熊”。

但是，我注意到的是，在更新<select>控件之后，它只会将绑定值更新为我选择的值。当从未触及selected组件时，如何强制它采用<select>值？

<select @bind="selectedValue">
    <option value="Apple">Apple</option>
    <option selected="selected" value="Bear">Bear</option>
    <option value="John Cena">John Cena</option>
</select>

<h3>Selected Value: @selectedValue</h3>

@code {

    string selectedValue;
}

显然，Blazor Fiddle存在：https://blazorfiddle.com/s/d3flx9tc

Answer 1

只需将值“熊”分配给selectedValue，如下所示：

string selectedValue = "Bear";

并删除属性selected="selected"

现在，选择了“熊”，并且变量selectedValue包含字符串“熊”。这就是初始化元素的方式。

偶然地，您应该仅使用selected，而不能使用="selected"。这是没有意义的。您可以使用selected="DoNotSelectMe"，它仍然可以使用

值未绑定到“选择”菜单中的所选选项

1 个答案: