select2 向上打开下拉菜单-dropup

Question

我想每次都向上显示下拉列表，不管下面有足够的空间。

如何实现呢？这样做的关键是什么？

更新

这是我初始化 Select2 的方式：

$("select[name=ingredients]").select2();

HTML 方面：

<select name="ingredients" multiple class="populate select2-offscreen form-control" tabindex="-1" style="width: 100%;">
    <optgroup label="Diğer">
        <option value="0">Un</option>
        <option value="1">Şeker</option>
        <option value="2">Tuz</option>
    </optgroup>
</select>

Answer 1

为此有一个open select2 issue，所以目前它似乎不可用。如果您坚持使用 select2，您的选择是：

1. 正在等待执行请求。 （或者自己提出推送请求 - 不确定维护者对此有多开放。）
2. 按照该问题线程中的建议之一自行调整 select2.js 代码。当然，如果不重新应用补丁，您将无法再升级您的 select2.js。
3. 捕获 select2:open 事件并直接操作 html 和 css。但这在很大程度上依赖于 select2 的内部结构，因此您不妨选择选项 2，因为无论如何您都可能会破坏前向兼容性。