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

Question

  

可能重复：
  How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?

当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'）。触发器（'click'）;