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打开选择/选项，但是如果您想像this link，则可以创建自定义下拉菜单。您的代码正确是调用点击事件，如果您在下面添加此代码，则可以看到它：

您的.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!');
  }

如何触发点击以打开下拉菜单

1 个答案: