jquery - 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，因为无论如何您都可能会破坏前向兼容性。