Cara menampilkan gambar  atau icon di select option, jadi ketika kita menggunakan select kita juga bisa menampilkan juga gambar atau icon tersebut, jadi dengan ini kita bisa menambahkan sesuatu bisa menambah kecantikan tampilan select kita, bagaimana apakah penasaran, jika iya simak terus ya teman-teman.

Select option sendiri berfungsi untuk memilih data-data yang ada tergolong kategori, misal kategori makanan, kita bisa menggunakan select option ini, jadi kita tampilka kategori apa saja yang ada di makanan itu, dan biasanya kita lihat juga pada sebuah form membuat user baru bisa di facebook atau di akun lain manapun, pasti kita disuruh memasukan sebuah tanggal yang di tampilkan pada select option, dan alangkah bagusnya kita juga bisa memberikan gambar atau icon select option tersebut. Oke langsung saja untuk Cara menampilkan gambar  atau icon di select option ini saya menggunakan jqueryui seperti ini:

Langsung saja teman-teman copy ya, dan disini saya menggunakan 3 tampilan yang pertama menggunakan icon bawaan jqueryui, data class dimana background ada pada css, dan yang ketiga kita menggunakan data-style hampir sama kita tampilkan dengan background css, oke bagaimana hasilnya seperti ini:

cara menampilkan gambar di select option

cara menampilkan gambar di select option

cara menampilkan gambar di select option

Cantik bukan, oke saya rasa cukup sampai disini belajar kita tentang cara menampilkan gambar  atau icon di select option, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.