javascript同步滚动两个列表框？

Question

我们如何同步滚动两个列表框，以便滚动一个列表框导致滚动另一个列表框。

Answer 1

这里有一些指导原则：

• 使用两个列表框scroll
上的$(".listbox").bind("scroll", ...)个事件
• 在其中，使用scrollTop css
获取滚动坐标
• 使用此值更改其他列表框的scrollTop

这样两者都会一起滚动。

希望这会有所帮助。干杯

Answer 2

确定你的意思是形式SELECT对象

有几个问题让我觉得并非所有浏览器都会按照您的意愿行事。

这是最简单的带有内联事件处理程序的简单JS

<select id="sel1" name="sel1" onchange="this.form.sel2.selectedIndex=this.selectedIndex">
.
.
.
<select id="sel2" name="sel2" onchange="this.form.sel1.selectedIndex=this.selectedIndex">
.
.
.

jQuery（未经测试）

$(document).ready(function() {
  $("#sel1").change(function() {
    $("#sel2").attr("selectedIndex",$(this).attr("selectedIndex"));
  }
  $("#sel2").change(function() {
    $("#sel1").attr("selectedIndex",$(this).attr("selectedIndex"));
  }
}