Cara mengatasi issue jquery select2 didalam modal bootstrap 3 dan 4
Mungkin jika sobat menggunakan select2 didalam modal pastinya akan mengalami bug pada select2 yang tampil dibelakang modal dan tidak aktif. Untuk mengatasi penggunaan select2 didalam modal caranya sebagai berikut:#pertama
atur z-index css pada select2 sobat bisa menambahkan diatas form modal atau membuat css custom seperti berikut
<style>
.select2-container{
z-index:100000;
}
</style>
#kedua
setelah langkah pertama selesai sobat perlu menambahkan placeholder pada select2 seperti berikut agar bisa digunakan
$('.select2').select2({
dropdownParent: $('#default-modal')
});
dan saat edit data agar bisa selected silahkan gunakan seperti ini
$("#zone_id").val ('12' ).trigger('change');
sampai disitu sudah bisa digunakan dan sobat bisa dengan mudah menggunakannya.