Changing the value of a drop down

[mbriney]

I have a strange request for help.

I have a form that has three identical select boxes. All of the select option tags are exactly the same and in the same order. Each select box has a unique ID number.

What I was wondering is if it would be possible to do an onchange event that if someone selects a value in one of the drop downs it automatically changes it on the other two drop downs.

I'm not even sure where to begin here.

Thanks,
-Matt

[Twey]

Simple enough...
<form action="" name="formname">
<select name="select0">
<!-- ... options ... -->
</select>
<select name="select1">
<!-- ... options ... -->
</select>
<select name="select2">
<!-- ... options ... -->
</select>
<!-- ... more ... -->
</form>
<script type="text/javascript">
var changeHandler = function() {
for(var i = 0, e = document.forms['formname'].elements; s = e['select' + i]; ++i)
s.selectedIndex = this.selectedIndex;
};
for(var i = 0, e = document.forms['formname'].elements; s = e['select' + i]; ++i)
s.onchange = changeHandler;
</script>