無法在 select2 javascript ajax 模式上設置選定值

Question

我有一個 select2 元素，它使用 ajax 從數據庫加載數據。 我想從 db 和 select 加載值作為編輯模式下的選定值。 但我無法使用觸發器 function 加載值。

我嘗試通過比較選定的值來使用循環，但我得到了 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" 。 希望它有所幫助。 謝謝