如何触发单击以打开下拉列表

Question

我需要一个下拉菜单来打开，而不需要手动点击。我尝试过很多东西，其中之一就是。

setTimeout(()=>{
  document.getElementById("mydropdown").click();
},5000)


<select id="mydropdown">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="2">3</option>
</select>

但它不起作用。我能做些什么？

这是我的实时代码：

https://stackblitz.com/edit/angular-xinu88?file=src%2Fapp%2Fapp.component.html

Answer 1

不幸的是，在正常情况下，没有办法从JS中打开select/option，但是如果你想要像this link一样，你可以创建你的客户下拉列表。您的代码正确地调用了click事件，如果您添加下面的代码，您可以看到它：

您的.html：

<select id="mydropdown" (click)="onClick($event)>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="2">3</option>
</select>

您的.ts：

  ngOnInit(): void {
     let dropdown: HTMLElement = document.getElementById('mydropdown') as 
      HTMLElement;
      setTimeout(() => {
        dropdown.click();
      }, 5000);
  }

  onClick(event) {
    console.log('occured!');
  }