Code:
<script language=javascript type=text/javascript> 


function pali(E) { 

E.className = "pali"; 
} 

function gasi(E) { 

E.className = "gasi"; 
} 

function gasisve() { 
gasi(ZAK1); 
gasi(ZAK2); 
gasi(ZAK3); 
} 

function zakon(Z) { 

var ime=Z.options[Z.selectedIndex].value; 
gasisve(); 
pali(ime); 
}

</script> 

<style> 
select.pali { 
width: 100px; 
visibility: visible; 
} 

select.gasi { 
width: 0px; 
visibility: hidden; 
} 
</style> 

<select size="1" name="zakon" onchange="zakon(this);"> 
<option value="ZAK1">SRBIJA</option> 
<option value="ZAK2">CRNAGORA</option> 
<option value="ZAK3">HRVATSKA</option> 
</select> 

<select size="1" name="ZAK1"> 
<option selected></option> 
<option value="Beograd">Beograd</option> 
<option value="Novi Sad">Novi Sad</option> 
</select> 

<select size="1" name="ZAK2"> 
<option selected></option> 
<option value="Podgorica">Podgorica</option> 
<option value="Budva">Budva</option> 
</select> 

<select size="1" name="ZAK3"> 
<option selected></option> 
<option value="Zagreb">Zagreb</option> 
<option value="Split">Split</option> 
</select> 



<a href="javascript:pali(ZAK1);pali(ZAK2);pali(ZAK3);">pali</a> 
<a href="javascript:gasi(ZAK1);gasi(ZAK2);gasi(ZAK3);">gasi</a> 
<a href="javascript:gasisve();">gasi sve</a>