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...
codice:
<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ì