jquery-select2 - 如何在 select2 中有选项组时使用 Ajax 插入选项？

Question

我有一个包含以下数据的多选下拉列表：

var fruitArray = [];
var fruitGreen = [];
var fruitNotGreen = [];

fruitGreen = {
    "text": "Green",
    "children": [
        { "id": "Watermelon", "text": "Watermelon" },
        { "id": "Lime", "text": "Lime" },
        { "id": "Guava", "text": "Guava" },
        { "id": "Avocado", "text": "Avocado" },
        { "id": "Kiwi", "text": "Kiwi" },
    ]};
fruitNotGreen = {
    "text": "Not Green",
    "children": [
        { "id": "Apple", "text": "Apple" },
        { "id": "Orange", "text": "Orange" },
        { "id": "Berries", "text": "Berries" },
        { "id": "Grape", "text": "Grape" },
        { "id": "Pineapple", "text": "Pineapple" },
    ]};
fruitArray.push(fruitGreen, fruitNotGreen);

$(".select2").select2({
    placeholder: "-- Select Fruits --",
    allowClear: true,
    maximumSelectionLength: 50,
    dropdownAutoWidth: true,
    data: fruitArray,
    multiple: true,
    closeOnSelect: false
});

如何在具有选项组的同时使用 Ajax 插入选项？请帮忙

我正在使用来自https://select2.org的 select2 多个下拉菜单

标签： jquery-select2