jquery-select2 - 如何让 select2 下拉列表在最初打开时滚动到选择

Question

当我将 jquery select2 附加到 <select> 时已经选择了一个选项，下拉列表不会显示所选的选项。如果我选择一个新选项，关闭下拉菜单，然后重新打开它，下拉菜单会显示该选项。

示例 fiddle 在这里:https://jsfiddle.net/9tf2nx8L/1/

重现步骤:

1. 注意标记中选择了“5”
2. 点击选择框
3. 注意选项列表是如何从顶部开始的
4. 单击另一个选项。
5. 在下拉列表外单击，使其消失
6. 再次点击选择框
7. 注意选项列表如何滚动以显示您新选择的选项

我认为这是一个错误报告，但想先用 SO 对其进行完整性检查。

Answer 1

你去吧:

function dropscroll(){
        document.getElementById($(".select2-results__options").attr("id")).scrollTop = $(".select2-results__option[aria-selected=true]").outerHeight() * $(".select2-results__option[aria-selected=true]").index() - 100;
    }
    $(document).on("click",".select2-container", function(){
        setTimeout("dropscroll()",1);
    })