jquery onchange函数没有调用

Question

我有以下代码：

function teamAuswaehlen() {
$.post("Auswahl_Abteilung?_=" + new Date().getTime(), function(data) {
eintraege = "<div class='col-md-12 col-xs-12'>" +
"<div class='form-group'>" +
"<select class='form-control' id='teams'  title='Wählen Sie hier ihre Teamansicht'>"
if (data.length > 1) {
$("#kalenderAuswahl .modal-body").empty();

$.each(JSON.parse(data), function(key, value) {
eintraege += "<option id='" + value.Team_ID + "'>" + value.TE_Kurzbezeichnung + "| " + value.TE_Langbezeichnung + "</option>";
});
eintraege += "</select>" +
"</div>" +
"</div>";
}
if (data.length > 1) {
$("#kalenderAuswahl .modal-body").append(eintraege);
$("#kalenderAuswahl").modal("show");
}
}).done(function() {
$("#teams").change(function() {
getId(this);
});
});
}

Modal是在程序开始时动态构建的。因此，如果用户更改了选择框，我要调用的onchange事件存储在done块中。但是，如果我尝试代码，则不会发生任何事情，因此不会触发onchange事件。

那么我该怎么处理呢

Answer 1

以下是更改事件的代码片段。

$('body').on('change', '#teams', function(e) {
e.preventDefault();
// do your stuff
});

您可以在下面的部分中写入此更改事件代码

1. 正文标记结束前或
2. 你可以用$(document).ready(function() {})写

Answer 2

• 您可以删除done方法并将代码粘贴到主体中
• 选择带有类似$('body').on('change', '#teams'的body标记的事件

或

只需像这样使用$('body').on('change', '#teams'in done方法。

Answer 3

无需将代码放在done((中。将以下代码放在标记中的任何位置

$(document).on('change','#teams',function() {
getId(this);
});