ドロップダウンリストの最初のエントリのイベントをトリガーするデフォルト

Question

私は動的に作成されたドロップダウンリストを持っています。ドロップダウンリストは、ユーザーがラジオボタンを選択した後にのみ表示されます。 ドロップダウンで値を選択すると、別のテーブルが動的に入力されます。 これは現在、ドロップダウン内のどの選択項目に対しても機能します。

ただし、ユーザーがラジオボタンを選択した最初のインスタンスでは、表は空白です。彼は最初に2番目の項目を選択してからテーブルがいっぱいになる必要があります。ユーザが最初のエントリを選択すると、テーブルが正しく埋め尽くされます。

したがって、最初に何かを選択することなく、デフォルトでドロップダウンの最初のエントリに対してイベントがトリガーされるようにする方法はありません。

JS

$('#domainSelect').on("change", function(){ 
     dropdownSelect = $("#domainSelect option:selected").text(); 
     var regionsArr = regions; 
     if ($.isArray(regionsArr)){ 
      Object.keys(regionsArr).forEach(function (key) { 
        if(regionsArr[key]['region']== dropdownSelect){ 
         var x=document.getElementById('DomainTable').rows; 
         x[0].cells[1].innerHTML=regionsArr[key]['name']; 
         x[1].cells[1].innerHTML=regionsArr[key]['deviceCount']; 
        } 
       }); 
     } 
    }); 

JSPファイルのファイル：それがバインドされると

<table> 
     <tr> 
      <td colspan="2" style="text-align: center;"> 
       <select id="domainSelect"> 
        <c:forEach items="${statsDomainList}" var="option"> 
         <option value="${option.name}">${option.name}</option> 
        </c:forEach> 
       </select> 
      </td> 
     </tr> 
    </table> 

Answer 1

をあなただけのイベントをトリガすることができます。

$('#domainSelect').on("change", function(){ 
    /**/ 
}).change(); // or .trigger('change');