Cara Membuat Menu Dropdown

Biar engga lama-lama jelasin jadi langsung di kasih contoh aja.
 
Itu adalah contoh dropdown menu. Dengan itu kita jadi bisa menghemat tempat. Oke langsung saja ke pembahasan. Untuk membuat seperti yang di atas kode yang di perlukan seperti ini. 
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
Selain yang di atas masih ada satu lagi nih...Yang ini modelnya kalau linknya di klik masuk ke new tab. Jadi akan tetap mempertahankan halaman aslinya. Contohnya gini nih

Nah  kodenya begini nih ..... :
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
Nah gampangkan? Oke langsung saja di praktekin. Sekian dulu ya gan.
Terima kasih, jangan lupa commeny oke

0 komentar:

Post a Comment

Kotak Komentar Klasik Klik Di sini

« Prev Next » Home