Select2 : Detail dan Update Data

Photo by Branko Stancevic on Unsplash

Select2 adalah sebuah library javascript dimana kita dapat membuat suatu inputan select menjadi multiple input select. Yang awalnya kita hanya dapat memilih satu inputan menjadi beberapa inputan.

Input data bulan awal

Ada kasus dimana kita harus mengupdate data kita, misalkan kita memiliki data bulan. Kita menyimpan data bulan [ Januari, Februari, Maret ] dan kita ingin mengubahnya menjadi [ Januari, Februari ].

Untuk dapat mengubahnya awalnya kita harus bisa menampilkan bulan sebelumnya dan menjadikan bulan tersebut selected. Data detail tersebut dapat kita panggil dari API.

Data yang diambil dari API

Cara agar kita dapat membuat pilihan seelct2 selected adalah sebagai berikut

let bulan_sebelumnya = [1,2,3]
$('#month').val(bulan).trigger('change');    // element select2

Pastikan data bulan_sebelumnya sama dengan value option dari list pilihan pada select.

<div class="form-group form-month">
   <label>Bulan</label>
   <select class="form-control m-select2 m_select2_3_modal" name="month[]" id="month"
        multiple="multiple">
                         
        @foreach ($months as $month)
            <option value="{{ $month['id'] }}">{{ $month['nama'] }}</option>
        @endforeach
   </select>
</div>