javascript - 选择下拉方向

Question

我想知道如何 <select>元素定义何时向下展开以及何时向上展开。

我想创建像kendo的DropDownList这样的控件，但我不知道如何定义展开方向。

在这里我们看到，由于视口(viewport)的末尾，向下扩展是不可能的，因此扩展方向设置为“向上”:

这是相反的方向:

这是标准选择行为，但在我的情况下视口(viewport)容器是未知的。如何使用 javascript 确定扩展方向？

Answer 1

select 元素的行为由浏览器控制。这里提出了一个非常相似的问题，并给出了准确的答案Select drop-down list possible to "Drop-Up"

您无法直接控制所选展开框的上方或下方位置。

您可以在选择元素中控制的一件事是下拉框中的项目数量。这可能会有所帮助，因为您可以将足够大的元素放入盒子中以将其置于上方。然而，它可能看起来很难看。

<select size="number">