jquery - 通过 $.each 触发点击附加元素

Question

我尝试使用此代码将选项附加到 HTML 中的现有选择

HTML:

<div class="booking-select-calender">
    <select id="booking-year-month">
    </select>
</div>

jQuery:

$(".booking-calendar-wrapper-in .month-title").each(function() {
    var month = $(this).text();
    $("#booking-year-month").append("<option>" + month + "</option>");
});

当用户单击该选项时，我还想执行一些操作。我尝试在 od 之外添加带有 .on 或 .trigger 的点击功能，但它不起作用。

有什么建议可以解决这个问题吗？

Answer 1

您可以在更改处理程序上使用，但在我假设具有 id= #booking-year-month 的选择元素上使用

$('body').on("change" , "#booking-year-month" , function() {
    console.log("selected option: " + this.value);
});