knockout.js - ノックアウト - ノックアウトを使用して複数選択リストボックス項目 (任意の順序で選択された項目) を別のリストボックスに転送する方法は?

Question

2 つの複数選択リスト ビュー (dropdownList 複数) があり、ユーザーが最初のリストで 1 つのオプションを選択すると、2 番目の複数選択リスト (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

両方の選択で使用可能なオプションに 2 つの observableArray を使用するだけです。一方の .remove(item) と .push(item) から他方へ。ノックアウトは変更を追跡します。イベントまたはクリック バインドを試してください。または、この関数を選択したアイテムを監視する計算されたオブザーバブルに入れます。

例でさらに役立つサンプルjsfiddleを作成しませんでした。