[英]How do I set the selected-value of a combo-box in Blazor?
我創建了一個針對 .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() 例程中將組合框重置為“選擇汽車”?
你快到了,像這樣將 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 這樣的 SelectedCar
private void IncrementCount()
{
currentCount++;
SelectedCar = "";
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.