<tr> | |
<td class="tdLabel"><label for="foo" class="label">mylabel:</label></td> | |
<td class="tdInput"> | |
<select name="foo" id="foo" class="c1" style="s1" onmousedown="window.status='onmousedown';" onmouseup="window.status='onmouseup';" onmouseover="window.status='onmouseover';" onmousemove="window.status='onmousemove';" onmouseout="window.status='onmouseout';" onchange="fooRedirect(this.selectedIndex);window.status='onchange';"> | |
<option value="BE">Belgium</option> | |
<option value="FR">France</option> | |
</select> | |
<br/> | |
<select name="region" id="region" class="c2" style="s2"> | |
</select> | |
<script type="text/javascript"> | |
var fooGroup = new Array(2 + 0); | |
for (var i = 0; i < (2 + 0); i++) { | |
fooGroup[i] = []; | |
} | |
fooGroup[0][0] = new Option("Antwerp", "AN"); | |
fooGroup[0][1] = new Option("Gent", "GN"); | |
fooGroup[0][2] = new Option("Brugge", "BRG"); | |
fooGroup[1][0] = new Option("Paris", "PA"); | |
fooGroup[1][1] = new Option("Bordeaux", "BOR"); | |
var fooTemp = document.inputForm.region; | |
fooRedirect(0); | |
function fooRedirect(x) { | |
var selected = false; | |
for (var m = fooTemp.options.length - 1; m >= 0; m--) { | |
fooTemp.remove(m); | |
} | |
for (var i = 0; i < fooGroup[x].length; i++) { | |
fooTemp.options[i] = new Option(fooGroup[x][i].text, fooGroup[x][i].value); | |
} | |
if ((fooTemp.options.length > 0) && (! selected)) { | |
fooTemp.options[0].selected = true; | |
} | |
} | |
</script> | |
</td> | |
</tr> |