onclick rendere alcuni elementi della pagina invisibili

[Mikele Sagitter]

Ciao ragazzi sto costruendo a mano delle select dinamiche per cui

<script type="text/javascript" language="javascript">
    function changeprovince<?php echo $row_regioni['codice']; ?>() {
        document.getElementById("province<?php echo $row_regioni['codice']; ?>").style.display="block";
    }
</script>

Con questo script regolarmente al click su una regione viene visualizzata la select successiva che visualizza le province ma la vecchia select resta.
Come posso fare per far scomparire le vecchie select ad ogni click?

Avevo provato dando una classe a tutte le select provincia e scrivendo:

<script type="text/javascript" language="javascript">
    function changeprovince<?php echo $row_regioni['codice']; ?>() {
[B]document.getElementByClass("provincia").style.display="none";[/B] 
        document.getElementById("province<?php echo $row_regioni['codice']; ?>").style.display="block";
    }
</script>

ma firebug mi dice che document.getElementByClass("provincia") non è valido.

Qualche consiglio?