防止列表框滚动到选中的项目（使用jquery）

Question

我有一个列表框，其中的项目可以与其他项目组成某种类别。 选择一个项目时，将使用jquery选择组中的所有项目。

列表框向下滚动到jquery正在选择的项目真的很烦人。我想留在用户选择的项目的位置。

那么当项目被选中时，如何防止列表框向下滚动？

jsfiddle示例：example

编辑：点击示例中的项目编号10，然后他转到78，这就是问题所在。

Answer 1

你可以试试这个：

$('#lb').change(function() { 

    var x = $(this).scrollTop();

    $('#lb option:selected').each(function() { 
        var groupName = $(this).attr('group'); 
        if (groupName !== undefined) { 
            $('#lb option[group=' + groupName + ']').each(function() { 
                this.selected = true; 
            }); 
        }

    }); 

     $(this).scrollTop(x); 
} );