javascript - select2 没有滚动的太长列表使选择了错误的元素

Question

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

所以:

1. 我们点击 select2 以触发下拉菜单。
2. 我们滚动整个页面以访问后面的元素之一。
3. 我们以第25个元素为例。
4. 但是 select 现在有第 17 个元素作为它的值。这是完全错误的。

我想不出任何解决方法，只能让 select2 完全适应页面高度。只有一种解决方案是使其可滚动，但这很丑陋。那么，还有其他解决方案吗？

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

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

jsfiddle:

http://jsfiddle.net/s3mrq/10/

Answer 1

我不确定我是否完全理解你的问题，但看起来你可能正在寻找一种好方法来轻松地在下拉列表中显示大量元素 Select2但是能够一次看到很多选项，您可能会从自定义样式中获得 <select> .如果是这样，我编写的插件 ( maximize-select2-height ) 可以将 Select2 下拉菜单扩展得更大，这可能就是您要找的东西。让我知道是否有帮助!