Keskustelu: Koodit: JavaScript: Pudotuslista

<script Language="JavaScript">
//mitä tehdään missäkin valinnassa eli script osa
//return on palautus joka ei johda mihinkään
<!--
function gopage() {
if (document.pudotuslista.valinta.selectedIndex==0) return;
if (document.pudotuslista.valinta.selectedIndex==1) return;
if (document.pudotuslista.valinta.selectedIndex==2) { window.location.href="LINKKI1"; }
if (document.pudotuslista.valinta.selectedIndex==3) { window.location.href="LINKKI2"; }
if (document.pudotuslista.valinta.selectedIndex==4) { window.location.href="LINKKI3"; }
if (document.pudotuslista.valinta.selectedIndex==5) { window.location.href="LINKKI4"; }
}
// -->
</script>

//tässä on itse pudotusvalikon osa
//muista että pudotusvalikon tyyliä voi muotoilla myös
<form name="pudotuslista">
<span title="PUDOTUSLISTA - LINKIT" style="font-family: Verdana; font-size: 8pt; font-weight: bold; background-color:#FFFFFF; padding: 3px"><br>
<select name="valinta" style="font-family: Tahoma, Verdana, Arial, Helvetica; font-size:8pt"
onChange=gopage()>
<option selected value=0>TÄSSÄ LINKKEJÄ</option>
<option value=1>----------</option>
<option value=2>LINKIN 1 NIMI</option>
<option value=3>LINKIN 2 NIMI</option>
<option value=4>LINKIN 3 NIMI</option>
<option value=5>LINKIN 4 NIMI</option>
</select>
</form>