Onchange Trigger select option dengan elemen append

 Mungkin kita membuat elemen html pada saat pertama kali halaman web di buat, akan tetapi pada kasus ini kita membuat setelah website terbentuk dan menampilkan nya pada browser. dan pada kasus tertentu kita membuat elemen html dengan menggunakan button atau dengan response API untuk membuat elemen html. seperti biasa elemen html yang terbentuk secara langsung akan menjalankan event seperti onchange, onselect dan lain sebagainya fungsi tersebut dapat berjalan tanpa ada masalah. akan tetapi jika elemen html belun terbentuk dan dan di buat dari API atau button dengan Append elemen dengan menggunakan Jquery/Javascript maka fungsi event tersebut harus menambahkan script yaitu $(document) secara langsung akan berfungsi seperti pada contoh berikut : 

<div id='container'>

</div>

kode di atas adalah container untuk menampung elemen append dari javascript selanjut nya script append nya sebagai berikut :

var elemSelectOpt = '<select class='select-type'><option value=''>pilih</option></option>';

$("#container").append(elemSelectOpt );

seletah elemen terbentuk maka akan membuat elemen select option ke dalam container

$(document).on("change", ".select-type", function (e) {

//Action code selanjutnya

});

lalu tambahkan event di atas sehingga select option yang di tambahkan akan berfungsi