Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, oke kali ini kita lanjut lagi belajarnya, pembahasan kita kali ini tentang javascript yaitu menampilkan semua data array pada select option dengan javascript.

Pada kasus ini idenya kita akan membuat select option yang dinamis yang nilainya diambil dari data array yang kita punya,

untuk lebih jelasnya kita langsung saja yah pada prakteknya, silahakan teman-teman buat sebuah file dan ketikan script seperti berikut ini:

Disini saya menggunakan css bootstrap via CDN, teman-teman bebas menggunakan style cssnya, saya membuat sebuah select option diatas, yang nanti akan kita gunakan untuk menampilkan data array yang kita punya pada optionnya.

sekarang kita masuk pada script javascript, silahakan teman-teman buat secript javascript seperti berikut ini:

Saya membuat sebuah variable yang bernilai array, lalu saya membuat sebuah looping dari length data arraynya, yang akan saya cetak dengan inner html pada variable hero.

Jika sudah silahak teman-teman save dan lihat hasilnya pada browser, nilai array yang kita punya telah tampil pada select option, oke teman-teman cukup sampai disini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya

Terima kasih

 

WhatsApp chat