使用“所选”插件更改所选内容中的选择

javascript jquery select jquery-chosen

2022-08-30 05:24:49

我正在尝试使用“所选”插件在选择中更改当前选定的选项。

该文档介绍了更新列表，以及在选择选项时触发事件，但是在外部更改当前所选值时没有任何内容（我可以看到）。

我做了一个jsFiddle来演示代码和我试图改变选择的方法：

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

答案 1

在文档的“动态更新所选内容”部分：您需要在字段中触发“已选择：已更新”事件

$(document).ready(function() {

    $('select').chosen();

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

});

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

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

答案 2

我的答案很晚了，但我想添加一些在上述所有答案中遗漏的信息。

1）如果要在所选选择中选择单个值。

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

2）如果您使用多个选择，那么您可能需要一次设置多个值。

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

从以下链接收集的信息：
1）所选文档
2）所选 Github 讨论