knockout.js - 淘汰赛 - 如何使用淘汰赛将多选列表框项目（任何订单选定项目）传输到另一个列表框？

Question

我有两个多选列表视图（dropdownList multiple），当用户在第一个列表中选择一个选项时，自动插入/传输到第二个多选列表（dropdownList），并从第一个多选列表中删除该选项。

<label>Selectable Services</label>
<select class="span12" id="selectService" data-bind="foreach: groups, value: selectedOption" Multiple="Multiple" height="10">
    <optgroup data-bind="attr: { label: label }, foreach: children">
        <option data-bind="text: label, option: $data"></option>
    </optgroup>
</select>
<label>Selected Services</label>
<select class="span12" id="selectedService" multiple="multiple" height="5" data-bind="options: allServices, selectedOptions: selectedServices"></select>

Answer 1

只需将两个 observableArrays 用于两个选择的可用选项。从一个 .remove(item) 和 .push(item) 到另一个。淘汰赛将跟踪更改。尝试事件或单击绑定。或者把这个函数放在计算的 observable 中观察选定的项目。

您没有制作示例 jsfiddle 来帮助您提供更多示例。