menu dropdown select

Supaya tutorial ini rada lengkap dan agar kamu tidak pusing nyari kesana-kemari mengenai bahasan ini maka kali ini saya akan mengupas cara membuat menu dropdown select. Saya istilahkan demikian supaya tidak "pahili" (tertukar) dengan dropdown pada navbar menu.

Kayak gimana sih menu dropdown select ini? Mungkin itu pertanyaan kamu yang belum mengenalnya. Contoh menu dropdown select ini bisa kamu lihat pada Google Translate yang ada di sidebar blog ini. Nah, seperti itulah "makhluk" ini, dan cara membuatnyapun tidak terlalu sulit. Mau? 



Cara membuat menu dropdown select ini sebagai berikut:

• Dari halaman dasbor, klik Tata Letak - Elemen Halaman.
• Kemudian klik Tambag Gadget dan pilih HTML/JavaScript.
• Masukkan kode berikut kedalamnya:

  <select onchange="document.location.href=this.options[this.selectedIndex].value;">
  <option value="0" selected />Judul Menu
  <option value="Link 1" />Nama Link 1
  <option value="Link 2" />Nama Link 2
  <option value="Link dst" />Nama Link dst
  </select>
  

  Ganti Judul Menu sesuai kebutuhan, Link 1, 2, dst. dengan link-link yang akan kamu masukkan, dan Nama Link 1, 2, dst. dengan nama dari link-link tersebut. Contohnya seperti ini:

  <select onchange="document.location.href=this.options[this.selectedIndex].value;">
  <option value="0" selected />Link Teman
  <option value="http://anastalove.blogspot.com" />Anasta Love
  <option value="http://sastraculun.blogspot.com" />Sastra Culun
  <option value="http://ruangsc.blogspot.com" />SC Community
  </select>
  

  Maka hasilnya akan seperti ini: Link Teman Anasta LoveSastra CulunSC Community
• Simpan hasil ini dan ucapkan Alhamdulillah.....

Agar link-link tersebut dibuka pada halaman (tab) baru, maka gantilah kode:

<select onchange="document.location.href=this.options[this.selectedIndex].value;">

dengan kode ini:

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

Semoga bermanfaat ....

sumber : http://ruangsc.blogspot.com/2010/04/cara-membuat-menu-dropdown-selected.html