Blazor 绑定多个 select 到一个值

Question

我正在尝试将多个 select 绑定到一个值，然后将其传递给 model，但目前它只返回一个值，我尝试将其从字符串更改为字符串数组，但出现很多错误，找不到解决方案.

有谁知道我如何返回用户选择的所有值？

谢谢你！

<div class="form-group col-md-6">
   <label for="dur">Duration</label>
   <select @bind="Duration" class="custom-select" id="dur" multiple>
      <option value="12" selected>One Year</option>
      <option value="24">Two Year</option>
      <option value="36">Three Year</option>
      <option value="48">Four year</option>
      <option value="60">Five Year</option>
   </select>
   <small class="form-text text-muted">Hold <b>'CTRL'</b> to select multiple.</small>
</div>

@code {

 private string _Duration;

       private string Duration
        {
            get => _Duration;
            set
            {
                if (value != _Duration)
                {
                    _Duration = value;
                    UpdateModel();
                }
            }
        }
}

Answer 1

<select multiple >
@foreach (var item in myVar)
{
    <option value="@item.SlctValue" @onclick=@((e) => OptionClickEvent(@item.SlctValue,e))>@item.SlctName</option>
}
     </select>

@foreach (var holderItem in myHolder)
  {
      @holderItem
  }



@code  {
private List<string> myHolder = new List<string>();

private List<SelectModel> myVar = new List<SelectModel>() {
            new SelectModel(){ SlctValue = 1, SlctName="One Year"},
            new SelectModel(){ SlctValue = 2, SlctName="Two Year"},
            new SelectModel(){ SlctValue = 3, SlctName="Three Year"},
            new SelectModel(){ SlctValue = 4, SlctName="Four Year"}
                                            };
public void OptionClickEvent(int values,MouseEventArgs evnt)
{
    if (evnt.CtrlKey)
    {
        myHolder.Add(values.ToString());
    }
}
public class SelectModel
{
    public string SlctName { get; set; }
    public int SlctValue { get; set; }
}

         }