如何选择select2 JavaScript multiselect中的所有选项

Tar*_*yen 6 javascript jquery

前几天,我试图找出如何选择select2 v3.5.1 JavaScript多选控件中的所有项目.我尝试了一些东西,但我很难搞清楚如何去做.我只想选择方框中的每个选项,但显然select2没有内置选项来为您选择所有项目.

小智 7

对于select2 4.0.0

var selectedItems = [];
var allOptions = $("#IncludeFieldsMulti option");
allOptions.each(function() {
    selectedItems.push( $(this).val() );
});
$("#IncludeFieldsMulti").val(selectedItems).trigger("change"); 
Run Code Online (Sandbox Code Playgroud)


Mat*_*wne 5

这是OP答案的稍微更有效的版本:

var selectedItems = [];
var allOptions = $("#IncludeFieldsMulti option");
allOptions.each(function() {
    selectedItems.push( $(this).val() );
});
$("#IncludeFieldsMulti").select2("val", selectedItems);
Run Code Online (Sandbox Code Playgroud)

或更简洁一点:

var selectedItems = $('#IncludeFieldsMulti option').map(function() { return this.value });
$("#IncludeFieldsMulti").select2("val", selectedItems);
Run Code Online (Sandbox Code Playgroud)