Div nascosti che appaiono da una select

[ertos]

Ciao ragazzi sto impazzendo da 1 settimana su questo script.

Vi spiego: ho una select con 6 campi, per ogni campo selezionato in automatico si deve aprire un div, sapete come si fa? Ho provato in questo modo ma non mi funziona, inoltre ho visto che ogni volta che cambio il valore della select, mi aggiorna il "value" della select stessa.

Io vorrei che se nella select è selezionato il valore TRE allora si deve vedere il div TRE, mentre se è selezionato il div quattro si devono vedere contemporanemente il tre e il quattro insieme, se invece seleziono gli altri valori i div devono scomparire

Questo è il codice della select

<select name="tipo" id="tipo" onchange="Attiva();">
  <option value="">- Seleziona -</option>
  <option value="uno">Uno</option>
  <option value="due">Due</option>
  <option value="tre">Tre</option>
   <option value="quattro">Quattro</option>
   <option value="cinque">Cinque</option>
   <option value="sei">Sei</option>
 </select>


<div id="tre" style="display:none">TRE</div>
<div id="quattro" style="display:none">QUATTRO</div>

Questo è in codi js

<script type="text/javascript">
function Attiva(){
var sel = document.getElementById('tipo');
if ((sel.options[sel.selectedIndex].value = 'uno') && (sel.options[sel.selectedIndex].value = 'due') 
&& (sel.options[sel.selectedIndex].value = 'cinque') && (sel.options[sel.selectedIndex].value = 'sei')) {
document.getElementById('tre').style.display = "none";
document.getElementById('quattro').style.display = "none";
}
else if (sel.options[sel.selectedIndex].value = 'tre' ) {
document.getElementById('tre').style.display = "block";
document.getElementById('quattro').style.display = "none";
}
else if (sel.options[sel.selectedIndex].value = 'quattro' ) {
document.getElementById('tre').style.display = "block";
document.getElementById('quattro').style.display = "block";
}
}
</script>

Ditemi voi se vi funziona sto codice a me nn va,
Grazie