Blazor 选择/选项未绑定答案

【问题标题】：Blazor Select/Option not bindingBlazor 选择/选项未绑定
【发布时间】：2020-07-21 00:59:58
【问题描述】：

试图让一个选择/选项 html 元素在我的 blazor 应用程序中工作，但字符串的绑定仍然是“空的”

我不明白什么？

/* 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
}

【问题讨论】：

标签： html razor blazor

【解决方案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;

}

【讨论】：

抛出异常 - divValue 不能为空。
还有其他想法吗？
@maddyhatty23 抱歉，我应该更清楚问题出在哪里。

【解决方案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;

    }

【讨论】：

是的，关键是@bind="divValue"
做到了。非常感谢大家:)

【解决方案3】：

使用 InputSelect 代替 Select 并使用其@bind-value 属性绑定值。

您可以找到示例here。

谢谢

【讨论】：