Dropdown Box 2 abhängig von Dropdown Box 1

[lina-]

moin Tolwin :)

mir ist nicht ganz klar wie ich mit onchange den Wert einer Dropdownbox ändern kann. Hättest Du vielleicht ein Beispiel für mich?

Der HTML-Bereich mit zwei Dropdown-Boxen (id=zahlen und id=gliederung)

<form>
<p>
<select id="zahlen" size="1" onChange="updateDropDown()"
<option selected>0</option>
<option>1</option>
<option>2</option>
</select>

<select id="gliederung" size="1">
<option selected>0.0</option>
<option>0.1</option>
<option>0.2</option>
</select>
</p>
</form>

Der Scriptbereich, in dem bei einer Änderung der ersten Checkbox die zweite angepasst wird. (Dies ist ein relativ simples Beispiel in dem einfach nur der selectedIndex verwendet wird... aber das kannst du ja dann nach Belieben anpassen)

<script type="text/javascript">
function updateDropDown(){
  var selected=document.getElementById("zahlen").options.selectedIndex;
  var optionsArrayGliederung=document.getElementById("gliederung").options;
  for(var i=0;i<=optionsArrayGliederung.length-1;i++){
    optionsArrayGliederung[i].text=selected+"."+i;
  }
}
</script>

liebe Grüße aus Berlin
lina-