Ciao a tutti.

Ho tre select in html: in base ad una delle opzioni della prima select (continente) devo disabilitare le altre due select.
Il codice che sto usando ma che non funziona è il seguente:

codice:
<html>
<head>
<title></title>
<script language="javascrypt" type="text/javascript">
function handleSelect() {
     if (this.value == 'asia' || this.value == 'oceania') {
         document.getElementById('europa').disabled = true;         
         document.getElementById('america').disabled = true;                  
     } else {
         document.getElementById('europa').disabled = false;
         document.getElementById('america').disabled = false;  
        
     }
 }
</script>
</head>
<body>

<form name="prova" id="prova" method="post" action="pagina.php" onchange="handleSelect()">  
 			
<select name="continente" id="continente">                         
<option value="asia">asia</option>                         
<option value="oceania">oceania</option>
<option value="europa">europa</option>                       
<option value="africa">africa</option>  
<option value="america">america</option>
</select>

<select name="europa" id="europa">                         
<option value="francia">francia</option>                         
<option value="austria">austria</option>                         
<option value="italia">italia</option>                         
</select>   
                          
<select name="america" id="america">
<option value="newyork">newyork</option>
<option value="texas">texas</option>
<option value="florida">florida</option>           
</select>   
   
</form>

</body>
</html>
In pratica, selezionando dalla prima select "asia" o "oceania" le altre due select devono disabilitarsi (cioè diventare grigie, non utilizzabili)
Dove sbaglio? Thanks!