在dom中更新后Jquery不工作的更改事件

我有一个表，当select选项被更改时，我正在更新它，所以现在我编写的change函数只在第一次工作，当DOM被操作时，它就不工作了

这里有一个

HTML

剧本

$("#selectPlantilla").on("change", function () {
    var descripcion = $(this).val();
    var plantilla = $("#selectPlantilla").html();
    //alert(plantilla);
    var ObjPlantilla = "FAP",
        prefijo = 1,
        sufijo = 3;
    var plantilla = $("#selectPlantilla").html();
    var caption = "<caption><h1>Parámetros generales de la plantilla</h1></caption>";
    var header = "<tbody><tr><th>Campo</th><th colspan='2'>Filtro</th></tr>";
    var row2 = "<tr><td><label for='nombrePlantilla'>Nombre de la plantilla</label></td><td width='40%'><label>" + ObjPlantilla + "</label></td><td><label>Plantillas </label><select id='selectPlantilla' name='selectPlantilla' style='min-width:200px;'>" + plantilla + "<input type='submit' value='Cargar'></td></tr><tr><td>Prefijo</td><td colspan='2'><input type='text' style='width: 100%;border: solid 1px black;' value=" + prefijo + " id='prefijo' name='prefijo'></td></tr><tr><td>Sufijo</td><td colspan='2'><input type='text' style='width: 100%;border: solid 1px black;' value=" + sufijo + " id='sufijo' name='sufijo'></td></tr>";
    var footer = "<tr><td></td><td align='right' colspan='2'><button class='addRow' type='button'>Add Row</button><input type='submit' value='Siguiente' name='submit' id='botonEnviar'></td></tr></tbody>"

    $(".parametros").html(caption + header + row2 + footer);
});

简而言之，当您更改表中的选择选项时，表将更新，但如果再次更改选择选项，则不会更新

---

在您重新创建元素时，请提前感谢。使用语句

$(".parametros").html(caption + header + row2 + footer);

您需要使用委托事件方法

事件处理程序仅绑定到当前选定的元素；在代码进行事件绑定调用时，它们必须存在于页面上

i、 e

范例

$(".parametros").on('click', "#selectPlantilla", function(){
    //Your code
});

委派事件的优点是，它们可以处理来自子元素的事件，这些子元素将在以后添加到文档中。通过选择在附加委托事件处理程序时保证存在的元素，我们可以使用委托事件将单击事件绑定到动态创建的元素，并避免频繁附加和删除事件处理程序

---

当您重新创建元素时。使用语句

$(".parametros").html(caption + header + row2 + footer);

您需要使用委托事件方法

事件处理程序仅绑定到当前选定的元素；在代码进行事件绑定调用时，它们必须存在于页面上

i、 e

范例

$(".parametros").on('click', "#selectPlantilla", function(){
    //Your code
});

委派事件的优点是，它们可以处理来自子元素的事件，这些子元素将在以后添加到文档中。通过选择在附加委托事件处理程序时保证存在的元素，我们可以使用委托事件将单击事件绑定到动态创建的元素，并避免频繁附加和删除事件处理程序

---

当您重新创建元素时。使用语句

$(".parametros").html(caption + header + row2 + footer);

您需要使用委托事件方法

事件处理程序仅绑定到当前选定的元素；在代码进行事件绑定调用时，它们必须存在于页面上

i、 e

范例

$(".parametros").on('click', "#selectPlantilla", function(){
    //Your code
});

委派事件的优点是，它们可以处理来自子元素的事件，这些子元素将在以后添加到文档中。通过选择在附加委托事件处理程序时保证存在的元素，我们可以使用委托事件将单击事件绑定到动态创建的元素，并避免频繁附加和删除事件处理程序

---

当您重新创建元素时。使用语句

$(".parametros").html(caption + header + row2 + footer);

您需要使用委托事件方法

事件处理程序仅绑定到当前选定的元素；在代码进行事件绑定调用时，它们必须存在于页面上

i、 e

范例

$(".parametros").on('click', "#selectPlantilla", function(){
    //Your code
});

委派事件的优点是，它们可以处理来自子元素的事件，这些子元素将在以后添加到文档中。通过选择在附加委托事件处理程序时保证存在的元素，我们可以使用委托事件将单击事件绑定到动态创建的元素，并避免频繁附加和删除事件处理程序

---

感谢您的简要解释，实际上在某些地方，我已经按照您提到的方式使用了更改函数，因此我以前没有遇到此错误，但我不知道两种不同方法之间的差异，再次感谢您的回答我将在9分钟内接受您的回答感谢您的简要解释，事实上，在某些地方，我使用了您提到的更改函数，因此我以前没有遇到此错误，但我不知道两种不同方法之间的差异，再次感谢您的回答我将在9分钟内接受您的回答感谢您的简要解释，事实上，在某些地方，我使用了您提到的更改函数，因此我以前没有遇到此错误，但我不知道两种不同方法之间的差异，再次感谢您的回答我将在9分钟内接受您的回答感谢您的简要解释，事实上，在某些地方，我使用了你提到的更改函数，所以我以前没有遇到这个错误，但我不知道两种不同方法之间的区别，再次感谢你的回答，我将在9分钟内接受你的答案