Javascript 选择2不带滚动的列表过长会导致选择错误的项目

我已将select2附加到选择字段。我们有大约20-30种商品可供选择。以长字符串表示的项目（每行2-3行）。所以我们需要在15号之后滚动选择项目

因此：

我们点击select2触发下拉菜单

我们滚动整个页面以访问后面的元素之一

例如，我们选择第25个元素

但“选择”现在将第17个元素作为其值。这是完全错误的

我想不出任何解决办法，但要使select2完全适合页面高度。唯一的解决办法是使其可滚动，但这很难看。那么，还有其他解决办法吗

我正在通过此css从select2结果中删除滚动

.select2-results {
  min-height: 50px;
  max-height: none;
  overflow-y: visible;
}

jsfiddle：

---

我不确定我是否完全理解您的问题，但似乎您希望找到一种在下拉列表中显示大量元素的好方法，该方法可以轻松地显示大量选项，但可以同时查看自定义样式的

。如果是这样的话，我写的一个插件（）将Select2下拉列表扩展得更大，这可能就是您想要的。如果有帮助，请告诉我

对我来说，带有滚动条的容器比为一个元素滚动整个页面100次要好/更容易。我看了一下select2代码。似乎他们使用

mousedown

事件进行关闭，使用

mouseup

和

单击

进行选择。如果你真的想要一个没有滚动条的下拉菜单，你必须编辑select2代码。我们有一个大项目，它的风格应该是同质的，所以我需要使用没有滚动条的下拉菜单。使用分页功能怎么样？将项目放入ajax调用中，然后在到达列表底部时选择2，通过自动滚动一次返回10个项目？