Kod:
<HTML>
<head>
<title>Biolight - switch</title>
<script language="JavaScript">
function secim() {
switch (dersler.konu.selectedIndex) {
case 0 : document.dersler.PHP.disabled=true;
document.dersler.PHP.style.display="block";
document.dersler.ASP.style.display="none";
document.dersler.grafik.style.display="none";
break
case 1 : document.dersler.PHP.disabled=false;
document.dersler.PHP.style.display="block";
document.dersler.ASP.style.display="none";
document.dersler.grafik.style.display="none";
break
case 2 : document.dersler.PHP.style.display="none";
document.dersler.ASP.style.display="block";
document.dersler.grafik.style.display="none";
break
case 3 : document.dersler.PHP.style.display="none";
document.dersler.ASP.style.display="none";
document.dersler.grafik.style.display="block";
break }
document.body.focus();
}
function git(menu) {
window.location.href=menu.options[menu.selectedIndex].value;}
</script>
</head>
<body>
<form name="dersler">
<table><tr><td>
<select onChange="secim();" name="konu">
<option value="">Bir Konu</opsition>
<option>PHP</option>
<option>ASP</option>
<option>grafik</option>
</select>
</td><td>
<select name="PHP" onChange="git(this);" disabled="disabled">
<option value="">Seçiniz</opsition>
<option value="php1.HTML">php1</opsition>
<option value="php2.HTML">php2</opsition>
</select>
<select name="ASP" onChange="git(this);" style="display:none">
<option value="">Seçiniz</opsition>
<option value="asp1.HTML">asp1</opsition>
<option value="asp2.HTML">asp2</opsition>
</select>
<select name="grafik" onChange="git(this);" style="display:none">
<option value="">Seçiniz</opsition>
<option value="grafik1.HTML">grafik1</opsition>
<option value="grafik2.HTML">grafik2</opsition>
</select>
</td></tr></table>
</form>
</body>
</HTML>