Question

我正在尝试在Angular 6中使用javascript打开选择选项

const dropDown = document.getElementById(id);
    let event;
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    dropDown.dispatchEvent(event);

也尝试过

@ViewChild('select') select: ElementRef;
func() {
   this.select.nativeElement.open();
}

，但是它不起作用。我已经搜索并找到了物质和离子的结果。但是，如何在角度6中打开？谢谢。

Answer 1

    @ViewChild('select') select: ElementRef;
func() {
   this.select.nativeElement.focus();
}

使用focus（）它将起作用。

Answer 2

我不认为这是可能的，但是您可以通过设置选择的大小并使用 position:absolute 让它浮动来实现这一点。

<div  style="position:relative">.<select style="position:absolute;top:-8px;left:-20px" onClick="onAssign(this)">   
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select></div>

function openMySelect(){
  document.querySelector(‘#mySelect’),size=YOUR_OPTIONS.length;
}

function onAssign(data,select){
  select.size=1
  // your logic
}

Angular 6以编程方式打开选择

2 个答案: