jquery - 展开下拉列表时如何移动元素

Question

我目前正在执行一项任务，我需要在下拉列表展开后，下拉列表下方的元素不应隐藏。

它们应该随着下拉菜单的展开而向下移动，随着下拉菜单的展开而向上移动。

这可能吗？

下面是示例代码:

<select id="test">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
</select>
<div>abc</div>

我希望 div "abc"在下拉列表展开时向下移动，这样它就不会隐藏在下拉选项后面。

一旦下拉列表展开，我希望 div "abc" 回到原来的位置。

Answer 1

如果你的意思是你不想让元素隐藏在下拉列表后面，那么你有两种方法......

1. 将 onClick 事件附加到下拉列表，以将下方框(包含其他元素)或选择框容器的 min-height css 属性从“自动”更改为所需的像素数量。

2. 在 CSS 中使用 divs/ul 显示和隐藏子元素来实现下拉菜单。您可以采用与网站在其标题中使用下拉菜单相同的方法。这会将所有内容下推。