Valg i select giver forskellige muligheder i en anden select

Hej eksperter.

Jeg har en side hvor jeg kommer til at have to forskellige select. Valgmulighederne i den anden select er afhængig af hvad man har valgt i den første select.

Jeg kan såmændt også godt få det til at virke med nedenstående kode ("Du har valgt nr. X", bliver udskiftet med en select med de valgmuligheder som der skal være).

MEN som I måske har bemærket så viser den lidt forkert hvis jeg vælger "nr. 4" og "nr. 3"... Det er fordi at jeg har bytte rundt på dem i den første select.

Derfor kunne jeg godt tænke mig at den viste det rigtige i det som bliver den anden select, uafhængig hvordan valgmulighederne står i den første select...

Kan nogen forstå ovenstående og kan hjælpe mig?

KODE:
<select name='omraade' onchange="for(i=0;5>i;i++){ document.getElementById('l'+i).style.display='none';} document.getElementById('l'+this.selectedIndex).style.display='block';">
<option value='l0'>nr. 0</option>
<option value='l1'>nr. 1</option>
<option value='l2'>nr. 2</option>
<option value='l4'>nr. 4</option>
<option value='l3'>nr. 3</option>
<option value='l5'>nr. 5</option>
</select>
<br>
<div id='l0' style='display:block;'>Du har valgt nr. 0</div>
<div id='l1' style='display:none;'>Du har valgt nr. 1</div>
<div id='l2' style='display:none;'>Du har valgt nr. 2</div>
<div id='l3' style='display:none;'>Du har valgt nr. 3</div>
<div id='l4' style='display:none;'>Du har valgt nr. 4</div>
<div id='l5' style='display:none;'>Du har valgt nr. 5</div>