在選擇選項上使用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元素后，可以自動觸發更改事件，就好像用戶已經選擇了第一個選項一樣。

$("#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

我不確定您要觸發什么，所以我輸入了兩種可能性。