html select自动打开,HTML SELECT 标签自动显示下拉选项

1.思路：

当拿到这个问题的时候，第一个想法是百度(没啥鸟用，换谷歌吧)。没有找到解决办法。

然后开始尝试触发select的onclick事件， 依然没有鸟用。这时候我就开始想select标签的实现，

首先select标签之所以能显示下拉选项，它肯定默认是要监听某个鼠标事件的(你个逗比赞同吗？)。

那么好现在的问题就变成: 怎样找到那个该死的事件。

分析一下: select 标签显示下拉的选项的时候， 我们肯定是在select标签上点击了。

也就是说我们触发了MouseClick or MouseDown 事件。

现在问题简单了. mouse click 肯定不行(已经试过了)。

那么只有一个事件了 那就是MouseDown.

问题就这样解决了。

Test Select

function showOptions() {

var mouseEvent = new MouseEvent('mousedown',{

'view': window,

'bubbles': true,

'cancelable': true

});

document.getElementById("test").dispatchEvent(mouseEvent);

}

                               1             2