使 html 选择选项下拉菜单默认打开

单击选择框时，将显示选项的下拉列表。下拉列表保持打开状态，直到用户单击外部或选择下拉列表中的选项之一。

有没有一种简单的方法可以让用户进入页面时显示下拉列表？类似于自动对焦，但更好。类似于亚马逊自动显示菜单的方式。

我知道我可能可以制作一个 ul 下拉列表+ javascript 等，但想知道是否有一种方法可以使用 html 或 javascript 进行选择。

你可以用 j 查询来做到这一点（但我认为这不完全是你需要的东西）

网页代码

<select class="select1" size="5" style="display:none">        
    <option name="test" value="" class="first">Select</option>       
    <option name="test" value="" class="">Opt1</option>       
    <option name="test" value="" class="">Opt2</option> 
</select>

JavaScript

$(document).ready(function() {
    $('.select1').toggle();
    $(document).click(function(e) {
  $('.select1').attr('size',0);
});
});

Demo