HIMPUNANJAVASCRIPT

kategori skrip
:: permainan
:: navigasi
:: semakan input
:: tarikh dan masa
:: lain-lain

komuniti
.. artikel
.. sumbangan
.. sumber rujukan
.. penulis

navigasi | menu drop down

Gunakan hanya kotak senarai sebagai menu. Untuk contoh 1, buat satu pilihan daripada senarai pada kotak senarai dan klik masuk. Untuk contoh 2, buat satu pilihan daripada senarai pada kotak senarai.
skrip asal : Ricocheting

1. menggunakan butang
2. tanpa butang

Kod Contoh

Salin skrip di bawah (klik pilih semua, klik kanan pada skrip dan pilih Copy) dan tampalkan di dalam perisian editor HTML anda (Notepad atau Frontpage). Simpan fail sebagai drop_down.htm.

<html>
<body>
<form name="test"> 
                                <table border="0" width="100%" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td width="50%"><font size="2" face="Verdana">1.
                                      menggunakan butang</font></td>
                                    <td width="50%"><select size="1" name="drop1">
                                        <option value="http://www.utusan.com.my">Utusan
                                        Malaysia</option>
                                        <option value="http://www.thestar.com.my">The
                                        Star</option>
                                        <option value="http://www.tv3.com.my">TV3</option>
                                      </select><input type="button" value="masuk" name="butang1" style="font-family: Verdana; font-size: 10pt" onClick="location=document.test.drop1.options[document.test.drop1.selectedIndex].value"; value="GO"></td>
                                  </tr>
                                  <tr>
                                    <td width="50%"><font size="2" face="Verdana">2.
                                      tanpa butang</font></td>
                                    <td width="50%"><select size="1" name="drop2" onChange="location=document.test.drop2.options[document.test.drop2.selectedIndex].value" value="GO" ;>
                                        <option selected><--pilih satu--></option>
                                        >
                                        <option value="http://www.utusan.com.my">Utusan
                                        Malaysia</option>
                                        <option value="http://www.thestar.com.my">The
                                        Star</option>
                                        <option value="http://www.tv3.com.my">TV3</option>
                                      </select></td>
                                  </tr>
                                </table>
                              </form>
</body>
</html>