添加多个选定的默认值以选择2个jQuery选择框

Question

我正在使用加载数据库中已有的默认值，并且当用户想要添加更多发布时，他们可以使用select2-jQuery替换选择框来键入和添加。

这是我的html代码。

<div class="card-body">
<select class="mul_publications" name="publications[]" multiple="multiple" style="width:100%;">
    {% for publication in product.publications %}
    <option value="{{publication.id}}" selected>{{publication.name}}</option>
    {% endfor %}
</select>

我的JavaScript代码。

<script>
$(document).ready(function() {
    $('.mul_publications').select2({
        ajax: {
            url: '/Publication/search',
            processResults: function (data) {
                // Tranforms the top-level key of the response object from 'items' to 'results'
                return {
                    results: data
                };
            }
        }
    });
    });
</script>

当加载默认数据时，它不会被加载。有时它只加载一个值。附加默认选定选项的正确方法是什么？