如何将我的 @onchange 事件绑定到 Id 字段而不是硬编码到一个？

Question

I'm currently creating a page which displays information based on what's selected from the drop-down.

My current select list looks like this

<Select id="Person" class="form-select" bind-value="@VisitDTO.Id" style="width: 500px" @onchange="() => @VisitSelected(5)">
                <option value="0">Ivco Ref:</option>
                @foreach (var visits in Visits)
                {
                    <option value="@visits.Id">@visits.Id</option>
                }
            </Select>

As you can see, I've hardcoded the parameter to visitid: 5 - What could I put in the @VisitSelected method (or anywhere else) to bind that to the actual visitid field?

Answer 1

@onchange EventCallback passes a ChangeEventArgs parameter to your event handler which you can use to determine the selected value.

<select id="Person" class="form-select" value="@VisitDTO.Id" style="width: 500px" @onchange="VisitSelected">
    <option value="0">Ivco Ref:</option>
    @foreach (var visits in Visits)
    {
        <option value="@visits.Id">@visits.Id</option>
    }
</select>

@code {
    void VisitSelected(ChangeEventArgs e)
    {
         var selectedValue = e?.Value?.ToString();

         // do other stuff
    }
}