Blazor Select/Option not binding

Question

试图在我的blazor应用程序中获得一个select/option html元素，但字符串的绑定仍然是"空"；

我有什么不明白的？

/* It even defaults to so "A B C" but still is not bound */
<select bind="@divValue">
<option value="ABC">A B C</option>
<option value="DEF">D E F</option>
<option value="GHI">G H I</option>
</select>

@code {
string divValue = string.Empty;
....
/* value = string.Empty still*/
string test = divValue
}

Answer 1

<select @bind="divValue">
<option value="ABC">A B C</option>
<option value="DEF">D E F</option>
<option value="GHI">G H I</option>
</select>
@divValue
@code {
string divValue;
}

Answer 2

更改数据绑定语法

@page "/"
<div class="row ">
<select @bind="divValue" class="col-sm-2 form-control">
<option value="ABC">A B C</option>
<option value="DEF">D E F</option>
<option value="GHI">G H I</option>
</select>
</div>
<div class="row">
<input @bind="divValue" class="col-sm-2 mt-3 form-control"/>
</div>

@code {
public string divValue;
}

Answer 3

使用InputSelect而不是Select，并使用其@bind-value属性绑定值。

你可以在这里找到这个例子。

感谢