滚动到多选的顶部

Question

我正在寻找一种方法，当用户在多选中选择一个选项并提交它（AJAX）时，多选择应滚动到顶部显示第一个选项（包括optgroup标签）。

这是我当前的代码

$('selectId').selectedIndex = 0;
$('selectId').selectedIndex = -1;

这会滚动到选择框中的第一项，但optgroup标签不可见，因为滚动位于optgroup标签下方和第一个选项上方。

有关如何使optgroup标签可见的任何帮助都会有所帮助。

这是小提琴：http://jsfiddle.net/sfHtF/1/

完全向下滚动，点击“GoTop”，它会转到“one”，但不会显示optgroup标签。

Answer 1

我在这里回答了我自己的问题，因为我找到了解决方案

$('selectId').selectedIndex = -1; //de-selects all options
$('selectId').scrollTo(0,0); //sets the scroll to right at the top

在这里工作小提琴：http://jsfiddle.net/sfHtF/4/

感谢大家对此进行调查。

Answer 2

您所要做的就是切换函数中的行的顺序。

所以：

$('selectId').selectedIndex = -1;
$('selectId').selectedIndex = 0;

Answer 3

我知道op想要jquery，但这是简单的Javascript：

document.getElementById("selectId").scrollTo(0,0);