Dropdown boks skift

Hejsa,

Hvordan laver jeg to dropdown bokse hvor man i den ene vælger "bilmærke" og derefter kan vælge "bilmodel" i den anden ?
Jeg vil gerne have det til at virker sådan at når man fx. vælger BMW i den først boks som har value="2" så skal den dropdown boks med div id="2" blive vist, men det virker bare ikke ?!?

<div>
<font class="content"><b>Bil M&aelig;rke:</b></font><br>
<select name="producent" onchange="for(i=0;3>i;i++){ document.getElementById('l'+i).style.display='none';} document.getElementById('l'+this.selectedIndex).style.display='block';">
  <option value="1" selected="selected">V&aelig;lg</option>
  <option value="2">BMW</option>
  <option value="3">VW</option>
  <option value="4">test</option>
</select>
</div>

<div id="1" style="display:block;">
<font class="content"><b>Model:</b></font><br>
<select name="model-disabled" disabled>
  <option value="error" selected="selected">V&aelig;lg</option>
</select>
</div>

<div id="2" style="display:none;">
<font class="content"><b>Model:</b></font><br>
<select name="2">
  <option value="error" selected="selected">V&aelig;lg</option>
  <option value="E30">E30</option>
  <option value="E34">E34</option>
  <option value="E36">E36</option>
  <option value="E46">E46</option>
</select>
</div>

<div id="3" style="display:none;">
<font class="content"><b>Model:</b></font><br>
<select name="3">
  <option value="error" selected="selected">Model:</option>
  <option value="Golf III">Golf III</option>
</select>
</div>

<div id="4" style="display:none;">
<font class="content"><b>Model:</b></font><br>
<select name="4">
  <option value="error" selected="selected">Model:</option>
  <option value="Test">Test</option>
</select>
</div>