如何使用Chosen.JS多重選擇以編程方式選擇多個選項

Question

我很難弄清楚如何使用selectedJS / chosen.js以編程方式在多重選擇中選擇多個值，並且仍然將值綁定到我的ng-model（angularJS）。

案例：我有一個用戶列表，其中一些用戶已經保存在當前項目中。 我想顯示這些用戶為選中狀態（但我不知道如何）。

我嘗試查找要預選的用戶的索引，並使其變為“ selected”，如下所示：

$('.chzn-container-multi').val(0).trigger('liszt:updated');
$('.chzn-container-multi').val(1).trigger('liszt:updated');
$('.chzn-container-multi').val(2).trigger('liszt:updated');

但這只會選擇最后一個。

任何幫助將非常感激 ！

編輯

在#Marek Kowalski的幫助下，我能夠選擇列表中的值，但是它不適用於與下拉菜單相關聯的ng模型，有人對此有解決方案嗎？

Answer 1

通過此單線可以選擇多個值並更新所選的值

對於版本<1.0

$('.chzn-container-multi').val([0,1,2]).trigger('liszt:updated');

或版本> 1.0

$('.chzn-container-multi').val([0,1,2]).trigger('chosen:updated');

Answer 2

我不確定這是否是推薦的方法，但是對我有用的解決方案是手動更改選項上的selected =“ selected”屬性，然后觸發“ liszt：updated”事件。 要選擇前三個選項，請使用以下代碼：

$('select option:nth-child(1)').attr('selected', 'selected');
$('select option:nth-child(2)').attr('selected', 'selected');
$('select option:nth-child(3)').attr('selected', 'selected');
$('select').trigger('liszt:updated');
// since version 1.0 the event name is changed to
$('select').trigger('chosen:updated');