Javascript 如何阻止下拉菜单上升？ 我有一个下拉菜单，它指向页面的顶部，用于大多数屏幕大小，但是在较小的屏幕上，例如笔记本电脑，菜单在屏幕中间，因此，下拉列表在选择器之上。我想要一个下拉列表，无论它在页面上的什么位置，它都会一直向下。这可能吗？

下拉列表由浏览器/OS呈现。您无法使用CSS或JavaScript控制此类行为。

因为这是留给浏览器渲染的元素，不，这是不可能的（至少就标准而言是不可能的）

---

您最好的选择是使用HTML替代下拉菜单-这可以通过CSS和Javascript实现，尽管存在多个Javascript/jQuery库来执行此任务。

主要问题在于IE。如果您有一个选项列表，而您当前选择的选项不是第一个选项，然后下拉列表可能会变成“下拉列表”。 为了解决这个问题，您可以添加一行javascript，将所选项目移动到列表的顶部。每次进行新选择时，您都需要触发此代码。也是在页面第一次加载之后。 通过将选定选项保持在选项列表的顶部，IE仅呈现下拉列表。我并不是说这个解决方案很好，但它可以作为最后的手段。 （您需要保存代码和脚本，并将其加载到IE中，才能真正看到其工作）

$（'select.dropdownstest'）。前置（$（'select.dropdownstest选项：selected'）；
$（'select.dropdownstest'）。在（'change'，function（）上{
$（'select.dropdownstest'）。前置（$（'select.dropdownstest option:selected'）；
});

选择1
选择2
发布负责该行为的标记、样式和JavaScript。您的下拉列表太大。你应该减少物品的数量，或者找到另一种方法来做你需要的事情。长的下拉列表导致可用性差。有什么方法可以告诉浏览器如何呈现列表？我唯一的问题是IE。其他浏览器都能很好地处理它。我做了一些搜索，我同意@Diodeus。没有办法，但你可以将下拉菜单转换为一个选项。我如何控制它？有没有可能不重新定义我正在使用的列表？你不能。不，没有其他方法。您唯一的其他选择是使用HTML/CSS/JavaScript替换。