两个select对象滚动条可以联动吗，有没有办法实现？

Question

select 不行，它没有onscroll事件建议改用div<div id=s1 onscroll="document.all.s2.scrollTop=document.all.s1.scrollTop" style="height:50px;overflow:auto; width:60px;">
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
</div><div id=s2 onscroll="document.all.s1.scrollTop=document.all.s2.scrollTop" style="height:50px;overflow:auto; width:60px;">
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
</div>

Answer 1

你看看这样可以不？滚动条好象很难实现，但是如果你选中了可以把另一个同步一下
<script language=javascript>
function d123()
{
document.all.c123.selectedIndex=document.all.b123.selectedIndex;
}
</script>
<select name=b123 multiple onchange="d123()">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
</select>
<select name=c123 multiple>
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
</select>

Answer 2

不错，楼上的再帮帮忙，我决定把两个select放在一个div里。就用div的滚共条就行了
怎么放啊？
<TR>
    <TD>
      <SELECT MULTIPLE NAME="SETLIST" SIZE=20 WIDTH=200>
      </SELECT>
    </TD>
    <TD>
      <SELECT MULTIPLE NAME="HANDILIST" SIZE=20 WIDTH=100>
      </SELECT>
    </TD>
  </TR>

Answer 3

这样就可以了
<div id=s1 onscroll="document.all.s2.scrollTop=document.all.s1.scrollTop" style="height:50px;overflow:auto; width:60px;">
<select name=b123 multiple onchange="d123()">
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
</select>
</div>
<div id=s2 onscroll="document.all.s1.scrollTop=document.all.s2.scrollTop" style="height:50px;overflow:auto; width:60px;">
<select name=c123 multiple>
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
</select>
</div>
<script language=javascript>
document.all.b123.size=document.all.b123.options.length;
document.all.c123.size=document.all.c123.options.length;
</script>

Answer 4

还可以再调整下样式
<div id=s1 onscroll="document.all.s2.scrollTop=document.all.s1.scrollTop" style="height:50px;overflow:auto; width:60px;border: 1px solid #B4D1FE;">
<select name=b123 multiple >
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
</select>
</div>
<br><br><br><br>
<div id=s2 onscroll="document.all.s1.scrollTop=document.all.s2.scrollTop" style="height:50px;overflow:auto; width:60px;border: 1px solid #B4D1FE;">
<select name=c123 multiple >
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
</select>
</div>
<script language=javascript>
document.all.b123.size=document.all.b123.options.length;
document.all.c123.size=document.all.c123.options.length;
</script>