[Javascript] Meerdere dynamic listboxen vullen

[Calvin&Hobbes]

Ik heb een dropdownlist die zeg maar 2 andere dropdown lists automatisch moet invullen afhankelijk van de keuze. Echter de manier die ik nu heb (zie code) is nogal omslachtig omdat de 2 andere dropdown lists eigenlijk precies hetzelfde lijstje bevatten. Weet iemand hoe dit schoner kan?

code:

<form action="/update" method="post">
#1e dropdownlist
Team 1 <select name="team1" OnChange="setOption(this.form, this.selectedIndex)">
<option value="choice"> Choose Team </option>
<option value="TeamA">TeamA</option>
<option value="TeamB">TeamB</option>
<option value="TeamC">TeamC</option>
</select><br>

#2e dropdownlist
Player 1<select name="player1" OnChange="this.form.ValueIn2.value=this.options[this.selectedIndex].value">
<option>
<option>
etc. 
</select>
#3e dropdownlist
Player 2<select name="player2" OnChange="this.form.ValueIn2.value=this.options[this.selectedIndex].value">
<option>
<option>
etc.
</select>
etc..
 
<script language="javascript">
<!--
                function setOption(form, index) {
            
                for (var i = 0; i < form.player1.length; i++) {
                  form.player1.options[i].text = "";
                  form.player1.options[i].value = "";
                  form.player2.options[i].text = "";
                  form.player2.options[i].value = "";
                }

                if (index == 1) {
                  form.player1.options[0].text = "Joop";
                  form.player1.options[0].value = "Joop";
                  form.player1.options[1].text = "Theo";
                  form.player1.options[1].value = "Theo";
                  form.player1.options[2].text = 
                  etc.....

                  #zelfde personen uit het team maar dan player2
                  form.player2.options[0].text = "Joop"
                  form.player2.options[0].value = "Joop";
                  form.player2.options[1].text = "Theo";
                  form.player2.options[1].value = "Theo";
                  etc......

                form.player1.selectedIndex = 0;
                form.player2.selectedIndex = 0;
                form.ValueIn2.value = form.player1.options[form.player1.selectedIndex].value;
                form.ValueIn2.value = form.player2.options[form.player2.selectedIndex].value;


//-->
</script>

[ Voor 8% gewijzigd door Calvin&Hobbes op 12-03-2009 20:22 ]

[truegrit]

code:

var x = new Array('Joop', 'Theo', ..);

en dan hieroverheen gaan met een loopje

[Calvin&Hobbes]

truegrit schreef op donderdag 12 maart 2009 @ 20:25:

code:

var x = new Array('Joop', 'Theo', ..);

en dan hieroverheen gaan met een loopje

dank je wel, zo dan?

code:

var x = new Array('Joop', 'Theo', ..);

  for (var i = 0; i < x.length; i++) {
                  form.player1.options[i].text = x[i];
                  form.player1.options[i].value =x[i] "";
                  form.player2.options[i].text = x[i];
                  form.player2.options[i].value =x[i];
                }