не могу установить выбранное значение в ajax-режиме select2 javascript

Question

У меня есть элемент select2, который загружает данные из базы данных, используя ajax. Я хочу загрузить значение из БД и выбрать его в качестве выбранного значения в режиме редактирования. но я не могу загрузить значение с помощью функции триггера.

Я пытался использовать цикл, сравнивая выбранные значения, но я дважды выбрал опцию select2.

$(document).ready(function(){
        var area = $('#area').select2({
            placeholder: "Pilih Cabang Area Tagih Collector Agency...",
            multiple: true,
            allowClear: true,
            width: 'resolve'
        });
        var k;
        var selected = [];
        //imloading the value from db and insert it into an array
        <?php foreach($area_coll as $area){
        ?>
            selected.push("<?php echo $area->group_branch_id;?>");
        <?php
        }?>

        $.ajax({
            url: "<?php echo base_url();?>ama/c_agency/populate_dropdown_cabang",
            type: 'GET',
            success: function(data) {
                var html = '';
                var j;
                data = JSON.parse(data);
                //looping cabang
                for(j=0; j<data.length; j++){  
                    $('#area').append($('<option>').val(data[j].GroupBranchID).text(data[j].branch));
                }
            }
        });
//this function not working at all
        area.val(selected).trigger("change");
    });

Я не получаю никакой ошибки сэтот код, ни значение до сих пор не выбрано.

Answer 1

Select2 имеют опции ajax. Поэтому я думаю, что вы можете использовать ajax напрямую в качестве опции select2 (ссылка: https://select2.org/data-sources/ajax#default-pre-selected-values)

В документе сказано:

To provide default selections, you may include an <option> for each selection that contains the value and text that should be displayed:

<select class="js-example-data-ajax form-control">
  <option value="3620194" selected="selected">select2/select2</option>
</select>

Это означает, что в опциях вы можете нажать selected="selected" вредактировать страницу, когда опция сохранена в существующей записи. Надеюсь, это поможет. спасибо