select2太长列表没有滚动选择了错误的项目

时间:2014-01-23 12:15:21

标签: javascript jquery html css jquery-select2

我将select2附加到选择字段。我们有大约20-30项可供选择。项目表示为长字符串(每行2-3行)。所以我们需要在15日之后滚动选择项目。

所以:

  1. 我们点击select2触发下拉列表。
  2. 我们滚动整页以访问后一个元素之一。
  3. 我们选择第25个元素。
  4. 但是现在选择第17个元素作为其值。这是完全错误的。
  5. 我无法考虑任何解决方法,但要使select2完全适合页面高度。并且只有一个解决方案是使其可滚动,但这很难看。那么,还有其他解决方案吗?

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

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

    的jsfiddle:

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

1 个答案:

答案 0 :(得分:0)

我不确定我是否完全理解你的问题,但似乎你可能会在Select2的简易性下显示很多元素的好方法,但能够看到很多您可以从自定义样式<select>获得的选项。如果是这种情况,我写的一个插件(maximize-select2-height)可以将Select2下拉列表扩大到更大的范围。如果有帮助,请告诉我!