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>

- hsynlms

---

请展示你的代码。 - Willie Cheng

请查看以下答案：https://dev59.com/O2Ij5IYBdhLWcg3wsnGn#47912914 - andreivictor

Answer 1

目前有一个打开select2问题，所以它似乎不可用作选项。如果您继续使用select2，则有以下选项：

1. 等待请求被实现。（或自己发起推送请求-不确定维护者对此的态度。）
2. 根据该问题线程中的建议自己调整select2.js代码。当然，这样一来，您就不能再升级select2.js而不重新应用补丁。
3. 捕获select2：open事件并直接操作html和css。但是那将如此依赖select2的内部，以至于您可能会选择选项2，因为您可能会破坏向前兼容性。

- GertG