javascript - 在选择选项上使用 onChange

Question

我有一个动态填充的选择选项框，所以如果我更改选择，其他一些框会被填充，我也可以删除它们。这也从选择框中删除了选项，这很好用，但是当我删除选项并且框中只剩下一个选项时，似乎无法触发该选项。

$("#email_name").on("change", function(){
    var componentkeys = myDailyemail.getKeys($("#Component").val());
    $.each(componentkeys, function(kIndex, kItem) {
        $("#key").append($("<option/>").val(kItem).text(kItem.toUpperCase()));
    });
});

Answer 1

您可以使用.trigger()手动触发事件。

在需要的地方插入以下内容。

$("#email_name").trigger('change');

Answer 2

您可以在填充 select 元素后自动触发 change 事件，就好像用户已经选择了第一个选项一样。

$("#email_name").on("change", function(){
    var componentkeys = myDailyemail.getKeys($("#Component").val());
    $.each(componentkeys, function(kIndex, kItem) {
        $("#key").append($("<option/>").val(kItem).text(kItem.toUpperCase()));
    });
    $("#key").trigger("change"); // trigger key
}).trigger("change"); // trigger email_name

我不确定你想触发什么，所以我输入了两种可能性。