Visualizzazione div

[giuse0100]

Salve, non sono pratico di javascript ma mi torna indispensabile per creare una sorta di filtro dei contenuti...
ho diversi div e mi servirebbe nasconderne alcuni e visualizzarne altri tramite un menù a tendina...
attualmente ho questo...

<script type="text/javascript">
  function hide(elemId){
       document.getElementById(elemId).style.display="none"
}
</script>
 
<select onchange="hide(this.value)">
        <option value="Tutti">Tutti</option>
        <option value="Rosso">Rosso</option>
        <option value="Giallo">Giallo</option>
        <option value="Verde">Verde</option>
</select>

<div id="Rosso">rosso1</div>
<div id="Giallo">giallo1</div>
<div id="Verde">verde1</div>
<div id="Rosso">rosso2</div>
<div id="Giallo">giallo2</div>
<div id="Verde">verde2</div>
<div id="Rosso">rosso3</div>
<div id="Giallo">giallo3</div>
<div id="Verde">verde3</div>

in questo modo chiaramente mi nasconde soltanto il primo div con l'id selezionato perche l'id dovrebbe essere univoco...
come posso fare per far scomparire tutti i div con lo stesso id? magari assegnando una proprietà particolare ai div o classe....

PS=in verità mi servirebbe proprio l'opposto... ovvero nascondere tutti i div con id diverso da quello selezionato, ma già sarebbe un buon punto partire da lì

[cavicchiandrea]

Questo http://webandylab.altervista.org/divcolori.html fa quello che chiedi

[giuse0100]

Questo http://webandylab.altervista.org/divcolori.html fa quello che chiedi

è innegabile che il tuo funziona, ma nel mio sito (dove la struttura dei div è molto oiu complessa) mi assegna il display:none a tutti i div facendo scomparire di fatto tutto... sapresti capire il motivo?

[cavicchiandrea]

devi circoscrivere l'azione ho apportato delle modiche http://webandylab.altervista.org/divcolori.html

[giuse0100]

perfetto funziona... grazie mille