Membuat Elemen Drop-Down Menu Di Postingan Blog

Elemen ini digunakan untuk menampilkan masukan berupa pilihan dimana penguna hanya dapat memilih satu pilihan dan pengguna dapat melihat semua pilihan dengan menekan tombol Drop-dwon yang tersedia seperti contoh di bawah ini :

- Contoh Drop-down - Text yang Tampil 1 Text yang Tampil 2 Text yang Tampil 3 Text yang Tampil 4 Text yang Tampil 5 Text yang Tampil 6 Text yang Tampil 7 Text yang Tampil 8

Script Yang di gunakan adalah :

<div style="text-align: center;"> <form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> <option>- Contoh Drop-down -</option> <option value="Link Tujuan 1">Text yang Tampil 1</option> <option value="Link Tujuan 2">Text yang Tampil 2</option> <option value="Link Tujuan 3">Text yang Tampil 3</option> <option value="Link Tujuan 4">Text yang Tampil 4</option> <option value="Link Tujuan 5">Text yang Tampil 5</option> <option value="Link Tujuan 6">Text yang Tampil 6</option> <option value="Link Tujuan 7">Text yang Tampil 7</option> <option value="Link Tujuan 8">Text yang Tampil 8</option> </select></form> </div>

Copy Paste Script di atas kedalam postingan artikle anda Maka Tampilannya akan tampak seperti di bawah ini :

- Contoh Drop-down - Text yang Tampil 1 Text yang Tampil 2 Text yang Tampil 3 Text yang Tampil 4 Text yang Tampil 5 Text yang Tampil 6 Text yang Tampil 7 Text yang Tampil 8

Catatan :

1. Ganti "Link Tujuan" dengan link tujuan anda.
2. "Text yang Tampil" text yang terlihat saat Drop-down menu diarahkan.
3. "<div Style="text-align: center;>" adalah posisi penempatan Elemen Drop-down tersebut.
4. Di dalam tag Select terdapat tag Option yang berfungsi untuk menampilkan pilihan-pilihan yang akan tersedia. setiap pilihan di tentukan isinya dengan parameter Value