要素をクリックし、入力選択フィールドをクリックしますか？

Question

私は要素を偽造しようとしていますが、選択ボックスを開くことはできません。 アドバイスをしてください。どうすればいいですか？

この

は私のコードです：私は、フォントかっこいいIタグをクリックできるようにしたい

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

、それだけで、マウスで選択ボックスをクリックSomoneのような選択ボックスが開きます

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

お願いします。

私はその動作していない

 $('.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を経由して開くことができない、jQueryの中でこのコードを実行しようとしました。

divで選択要素をシミュレートすることができます。