javascript - 如何使用 Chosen.JS 多重选择以编程方式选择多个选项

标签 javascript jquery angularjs jquery-chosen

我无法弄清楚如何使用 selectedJS/chosen.js 以编程方式在多重选择中选择多个值,并且仍然将值绑定(bind)到我的 ng-model (angularJS)。

案例:我有一个用户列表,其中一些已保存在当前项目中。我想将这些用户显示为选定的(但我不知道如何)。

我尝试找到我想要预先选择的用户的索引,并让他们像这样“选择”:

$('.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-model,有人有解决方案吗?

最佳答案

选择多个值并更新所选值可以通过此一行完成

对于版本<1.0

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

或者版本 > 1.0

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

关于javascript - 如何使用 Chosen.JS 多重选择以编程方式选择多个选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18571388/

相关文章:

javascript - jquery不更新元素值

jQuery Datatable - 带有 Bootstrap CSS 的水平滚动条

javascript - 如何使用javascript显示/打印当前日期和下一个日期

javascript - 单击 <tr> 标记复选框时如何做到这一点

jquery - JSTree 加载延迟加载不适用于我的资源 url 但适用于示例 url

android - 如何在 flutter 中使用依赖注入(inject)?

javascript - ngView 中指令使用的远程数据存储在哪里? (AngularJS)

javascript - 无法使用 ng-model 选择下拉值第一项被选择为空白

javascript - ajax 无法在购物车中单击

javascript - 为什么javascript变量在函数中不改变?