如何使用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');