PersonForm.razor

<div class="form-group">
    <label>State:</label>
    <div>
        <InputSelectNumber class="form-control"
                            @bind-Value="Person.StateId"
                            >
            <option value="0">--Select a state--</option>
            @foreach (var item in States)
            {
                @if (item.Id == Person.StateId)
                {
                    <option selected value="@item.Id">@item.Name</option>
                }
                else
                {
                    <option value="@item.Id">@item.Name</option>
                }
            }
        </InputSelectNumber>
        <ValidationMessage For="@(() => Person.StateId)" />
    </div>
</div>