drop-down-menu - Angular 6 以编程方式打开选择

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();
}

但它不起作用。我已经搜索并找到了 Material 和 ionic 的结果。但是我怎样才能以 6 角打开呢？

Answer 1

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

<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
}