How to bind values when using FluentSelect

Question

I'm struggling binding values when using a FluentSelect. Can someone see what is wrong with the following?

<EditForm Model="..." OnValidSubmit="HandleValidSubmit">
...
<FluentSelect @bind-Value=@intValue TOption="int">
    <FluentOption Value=1>
        Option 1
    </FluentOption>
    <FluentOption Value=2>
        Option 2
    </FluentOption>
</FluentSelect>

-- Code behind --

int intValue;

protected async Task HandleValidSubmit()
{
    var i = intValue;
}

-- Edit --

How to two-way-bind a value in FluentListBox doesn't help me. It refers to the FluentListBox control, which apparently doesn't work with Forms.

Answer 1

You have

<FluentSelect @bind-Value=@intValue TOption="int">

int intValue;

but the Value property is always a string, not a TOption.

The basic fix:

string intValue;

protected async Task HandleValidSubmit()
{
    var i = int.Parse(intValue);
}