默认下拉列表中第一个条目的触发事件

Trigger event for first entry in drop down list dy default

本文关键字：事件 下拉列表 第一个 默认      更新时间：2023-09-26

我有一个动态创建的下拉列表。下拉列表只有在用户选择单选按钮后才能看到。在下拉列表中选择值后，将动态填充另一个表。

然而，当用户选择单选按钮时，第一个实例中的表是空的。他需要先选择第二个条目，然后表格才会填满。如果用户选择返回第一个表项，则表将被正确填充。

因此，是否有任何方法可以确保在默认情况下为下拉列表中的第一个条目触发事件，而无需用户首先选择任何内容?

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>

您可以在绑定后触发事件:

$('#domainSelect').on("change", function(){
  /**/
}).change(); // or .trigger('change');
相关文章：