Knockout - 如何使用Knockout将多选列表框项目（任何orde选定项目）转移到另一个列表框？

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）到另一个。淘汰赛将追踪变化。尝试事件或单击绑定。或者将此函数放入计算的可观察项目中观看所选项目。

您没有使用示例jsfiddle来帮助您更多示例。