javascript - 如何将选定元素列表绑定到 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，所以在此之后，我将在用户界面中获得完整的演员列表。客户必须选择一个或多个。

如何将所有选定的项目放入列表并将结果发送到服务器？

Answer 1

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

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

eg when a option selected, put value to a hidden text use commas to separate, and at the server side to process.