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

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

在选择选项上使用onChange

2 个答案: