javascript - 在焦点上打开 Select 元素的下拉列表

Question

可能重复：
如何以编程方式告诉 HTML SELECT 下拉（例如，由于鼠标悬停）？

当 Select 元素获得焦点时，是否可以打开 Select 元素的下拉列表？

我知道当你点击它时它会自动聚焦......但我希望它在你点击它时也能工作。

Answer 1

不幸的是，您的问题的答案只是“不，当前的 HTML 和 Javascript 控件不可能”

但是，如果您使用 jQuery 和这个插件（https://github.com/fnagel/jquery-ui/wiki/Selectmenu）来选择菜单，我相信您可以这样做：

$("#idofSelect").selectmenu("open");

也是您想法的另一种选择，但可能没有那么花哨：

document.getElementById("idOfSelect").setAttribute("size", 5);

这样做只是使其成为多行选择，因此以某种方式显示选项...您可以在焦点上执行此操作，然后在单击时执行另一个事件，将其大小重置为 1 并停止事件传播（所以之后不会调用 onfocus ..) 但就像我说的那样，这是专业的，所以要么按照你的选择方式生活，要么切换到 jQuery 选择菜单，并根据你的意愿动态地打开和关闭它们： )

Answer 2

作为起点，如果使用 JQuery，您可以使用触发功能，例如，如果您的选择框的 id 为“names”，只需调用 $('#names').trigger('click');