jquery - 如何使用 Selectize 选择所有选项？

Question

我正在使用 jQuery selectize 插件构建一个表单。现在我正在尝试构建一种方法来选择选择框中的所有选项并显示它们被选中。

这是我使用的代码:

$('#select_all').click(function() {

          $('#project_user_ids option').prop('selected', true);

          $('#project_user_ids').selectize();

        });

它可以选择所有选项，但它们不会显示在选择框中。我需要一种“刷新”选项并在框中显示所选选项的方法。

我该怎么做？

Answer 1

如果您想首先使用 selectize 插件动态选择所有选项，您必须初始化插件并获取其实例。

使用 setValue() 方法可以更改控件的值。例如:selectize.setValue(['value1', 'value2']);

使用 setValue() 可以使用下划线或 lodash 的简单方法设置所有值。selectize.setValue(_.keys(selectize.options));

完整的代码应如下所示:

var $projectUserIds = $('#project_user_ids').selectize(); // Selectize plugin initialization
var selectize = $projectUserIds[0].selectize; // Get selectize instance

$('#select_all').click(function() {
    selectize.setValue(_.keys(selectize.options)); // Set all selectize options using setValue() method
});