jquery-select2 - 强制 select2-plugin 显示所有项目

Question

我正在使用select2并希望在展开而不是添加滚动条时强制它显示所有可用选项。

现在它在选项区域内有一个滚动条：http: //screencast.com/t/fYKPArqz5f

那可能吗？

Answer 1

您可以在 select2.css 中更新 CSS，大致在第 302 行：

/* results */
.select2-results {
    /* max-height: 200px;  comment out the max-height! */
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

或者，如果您无权访问 CSS，或者不想在您的网站上普遍更改它，您可以在自己的样式表中覆盖特定样式：

.select2-results {
    max-height: none;
}

看到这个JSFiddle