无法动态添加多个select2选项

Question

在我的Web应用程序中，我使用的是select2多选框。我也使用select2的自动完成功能。当api检索数据时，我想将数据附加到多个select2作为选项。但是我面临一些奇怪的问题。它不能正确附加选项。这是我的代码。

这是js代码

<script>
    $(document).ready(function () {
        $('.select2').select2({
            dataType: 'json',
            delay: 250,
            ajax: {
                url: '/Message/GetSelect2Options',
                dataType: 'json',
                processResults: function (data) {
                    newOption = new Option(data.results[0].groupName, data.results[0].messageGroupId);
                    $('.select2').append(newOption).trigger('change');
                    return {
                        results: data.results
                    };
                }
            }
        });
    });
</script>

Answer 1

您可以尝试使用.select2方法遍历每个.each()类，然后将选项分别附加到每个.each()元素上，例如：

.select2