单击选择框时,将显示选项的下拉列表。下拉列表保持打开状态,直到用户在外部单击或选择下拉列表中的选项之一。
有没有一种简单的方法可以在用户进入页面时显示下拉列表?像自动对焦但更好。类似于亚马逊自动显示其菜单的方式。
我知道我可能只是制作一个 ul 下拉列表 + javascript 等,但想知道是否有办法使用 html 或 javascript 进行选择。
你可以用 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);
});
});
您可以轻松模拟对元素的单击,但单击 a<select>
不会打开下拉菜单。
使用多个选择可能会出现问题。也许您应该考虑容器元素内的单选按钮,您可以根据需要扩展和收缩。