點擊元素，觸發點擊輸入選擇字段？

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元素。