默认情况下,打开html选择选项下拉菜单

时间:2013-04-05 06:07:12

标签: html selection

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

当用户进入页面时,是否有一种简单的方法可以显示下拉列表?像自动对焦但更好。类似于亚马逊自动显示菜单的方式。

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

2 个答案:

答案 0 :(得分:0)

您可以轻松simulate a click元素,但点击<select>不会打开下拉列表。

使用多个选择可能会有问题。也许您应该考虑容器元素中的单选按钮,您可以根据需要进行扩展和收缩。

答案 1 :(得分:0)

你可以用j查询来做(但我认为这不是你需要的东西)

Html代码

<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>

Java脚本

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

Demo