选择2向上打开下拉-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 问题，所以目前它似乎不可用作为选项。如果您坚持使用 select2，您的选择是：

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