使用Chosen插件更改选择中的选择

Question

我正在尝试使用Chosen插件更改select中当前选择的选项.

该文档包括更新列表,并在选择选项时触发事件,但在外部更改当前选定的值时没有(我可以看到).

我已经制作了一个jsFiddle来演示代码和我试图改变选择的方法:

$('button').click(function() {
    $('select').val(2);
    $('select').chosen().val(2);
    $('select').chosen().select(2);
});

Answer 1

从文档中的"动态更新动态选择"部分:您需要在该字段上触发"selected:updated"事件

$(document).ready(function() {

    $('select').chosen();

    $('button').click(function() {
        $('select').val(2);
        $('select').trigger("chosen:updated");
    });

});

注意:1.0之前的版本使用以下内容:

$('select').trigger("liszt:updated");

Answer 2

我的答案很晚,但我想补充一些上述答案中遗漏的信息.

1)如果要在所选的选择中选择单个值.

$('#select-id').val("22").trigger('chosen:updated');

2)如果您使用多个选择的选择,那么您可能需要一次设置多个值.

$('#documents').val(["22", "25", "27"]).trigger('chosen:updated');

从以下链接收集的信息:
1)选择的文件
2)选择Github讨论