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>");
});

当用户点击该选项时，我也想做点什么。我试图在 .on 或 .trigger 之外添加点击功能，但它不会起作用。

任何提示可以解决这个问题的好方法吗？

Answer 1

您可以在更改处理程序上使用但在我假设的select元素上使用id =＃booking-year-month

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

Answer 2

你可以简单地把onchange方法放在你选择htmly标签

上

<select id="booking-year-month" onchange="YourNewMethod()"></select>

而不是在select元素中附加选项也可以在像

这样的选项中添加值属性

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

触发点击附加元素$ .each

2 个答案: