Jquery CSS html下拉列表向下移动div

我正在尝试创建一个html下拉列表，当选中该列表时，它应该位于其他div的顶部，但它会将下面的div向下移动，并使它们在选择下拉项后出现。我试过的代码是乱七八糟的。如何使下拉列表在选择时浮动在下方的div s上

<div class="outer" >  
       <select id="myselect" style="width:100px;">
           <option>abc</option>
           <option>def</option>
           <option>ghi</option>
           <option>jkl</option>
          <option>abc</option>
           <option>def</option>
           <option>ghi</option>
           <option>jkl</option>

    </select>
</div>
   <div class="inner">Enter Name</div>
   <div class="inner">Enter Class</div>

</div>

 $('#myselect').on('mousedown focus', function () {
                    $('#myselect').attr('size', 11);
                    $('#myselect').css('height', '80px');
                    $('.outer').css('height', '80px');
     $('.outer').css('overflow-y', 'scroll');
                });


   $('#myselect').on('change', function () {
                    $('#myselect').attr('size', '1');
                    $('#myselect').css('height', '20px');                    
                });

abc
def
ghi
jkl
abc
def
ghi
jkl
输入名称
上课
$（'#myselect'）。on（'mousedown focus'，function（）{
$（'myselect'）.attr（'size'，11）；
$（'#myselect'）.css（'height'，'80px'）；
$（'.outer'）.css（'height'，'80px'）；
$（'.outer'）.css（'overflow-y'，'scroll'）；
});
$（'#myselect'）。on（'change'，function（）{
$（'#myselect'）.attr（'size'，'1'）；
$（'#myselect'）.css（'height'，'20px'）；
});

您应该重置

.outer

的高度，如下所示：

            $('.outer').css('height', 'auto');

---

如需有关修复的详细信息，请参阅。您应该重置

.outer

的高度，如下所示：

            $('.outer').css('height', 'auto');

---

如果您想让下拉列表保持在div的顶部，请参阅以获得修复，请尝试将下拉列表的位置设置为绝对位置

$('.outer').css('position', 'absolute');

---

如果您希望将下拉列表保持在div顶部，请尝试将下拉列表的位置设置为绝对位置

$('.outer').css('position', 'absolute');

---

如果希望元素重叠，则必须使用position:absolute

---

如果希望元素重叠，则必须使用position:absolute

---

通过“选择时使下拉列表浮动在div s下方”您的意思是说您希望选择下拉列表在展开时隐藏两个div吗？选择下拉列表时，我正在尝试将下拉列表放置在下方的div顶部。您可以将此作为答案添加吗？通过“选择时使下拉列表浮动在下方div上”您的意思是希望“选择”下拉列表隐藏展开时的两个div吗？选择下拉列表时，我正在尝试将下拉列表放置在下方的div顶部。您可以添加此作为答案吗？抱歉，我刚意识到你在问题中提到了这一点。我会更新answerLeo，这段代码真的很棒。但一旦我选择了下拉列表，底部内容就会向上移动。该下拉列表旁边的控件正在与选定的下拉列表合并。你能帮我修改一下吗？这样我就可以标记你的答案了。你想要什么有点难理解，但是试试这个更新的提琴。请检查我的，以获得更多细节。右控件将向左移动，因为位置是绝对的。mate此JS Fiddler与您问题中的一个提供商不同…抱歉，如果您不断更改您的问题，我认为任何人都无法提供帮助抱歉，我刚刚意识到您在问题中提到了这一点。我会更新answerLeo，这段代码真的很棒。但一旦我选择了下拉列表，底部内容就会向上移动。该下拉列表旁边的控件正在与选定的下拉列表合并。你能帮我修改一下吗？这样我就可以标记你的答案了。你想要什么有点难理解，但是试试这个更新的提琴。请检查我的，以获得更多细节。右控件将向左移动，因为位置是绝对的。mate这个JS Fiddler与您问题中的一个提供者不同…抱歉，如果您不断更改您的问题，我认为没有人能帮您