如何将选定元素列表绑定到 ViewModel

Question

我想将 UI 中的选定元素列表绑定到我的 ViewModel。这是 HTML：

@Html.Label("Actors")
  <select name="actors" class="chosen-select" multiple="" 
          data-placeholder="Select actors of the Screen">
      @for(int i = 0; i < actors.Count; i ++)
      {
          <option value="@i">@actors[i].name</option>
      }
  </select

顺便说一句，我使用的是 selected.js，所以在此之后，我将在用户界面中获得完整的演员列表。客户必须选择一个或多个。

如何将所有选中的项目放入一个List并将结果发送到服务器？

Answer 1

我看到了 selected.js 插件的演示，它是创建一个新的 DIV 元素而不是 SELECT 元素，因此它无法将选定状态同步回 SELECT 元素。

但是你可以创建一个 CHANGE 事件来观察选定的状态。 参考。 http://harvesthq.github.io/chosen/#change-update-events

例如选择选项时，将值放到隐藏的文本使用逗号分隔，并在服务器端进行处理。