点击元素，触发点击输入选择字段？

Question

我试图假冒点击元素，打开没有成功的选择框.. 请指教如果它甚至可能，我该如何做到这一点？

这是我的代码：

<div class="filterField"> 
    <label for="sortBykind">labelName</label> 
    <select id="sortBykind" class="subjectListFilter"> 
     <option value="" selected="">Show All</option> 
     <option value="">subject 01</option> 
     <option value="">subject 02</option> 
     <option value="">subject 03</option> 
     <option value="">subject 04</option> 
    </select> 
    <i class="fa fa-angle-down" aria-hidden="true"></i> 
</div> 

我希望能够点击字体要命我的标签，它就会打开像刚刚点击选择框用鼠标有人为选择框

<i class="fa fa-angle-down" aria-hidden="true"></i> 

请指教？

我试图在jQuery来做到这一点的代码，它不工作

 $('.fa-angle-down').click(function (e) {  

     var elementToClickOn = $(this).prev(); 

     setTimeout(function() { 
      console.log("test"); 

      e = $.Event('mousedown'); 
      e.keyCode= 13; // enter 
      elementToClickOn.focus(); 
      elementToClickOn.trigger(e); 

     }, 500); 

    }); 

Answer 1

本地选择elment无法通过JavaScript打开。

您可以通过div模拟select元素。