JavaScript-Funktion .change() nicht auf geklonten Element ausgeführt

Question

Ich entwarf eine dynamische Tabelle, die Benutzer mehr Zeile hinzufügen kann. und es gibt eine Funktion .change() auf einen Eingang für die erste Reihe seinen Lauf, aber für die nächste (geklont) Elemente wird die Funktion laufen nicht

meine Geige ist here

der Code wie folgt

$(document).ready(function(){ 
$("#btnAddItemAssignee").click(function(e){ 
    e.preventDefault();   
    $(".oAssignee:last").clone().insertAfter(".oAssignee:last"); 
    $(".oAssignee:last").find("#txtAssigneeType").val(""); 
    $(".oAssignee:last").find("#txtAssigneeId").val(""); 
}); 
}); 

$("body #txtAssigneeType").change(function(){ 
if ($(this).val()=="Individu") 
{ 
    console.log($("body #txtAssigneeType").length); 
    alert("call me");  
} 
}); 

Answer 1

fand ich die Lösung, muss es true innen .clone(true) hinzugefügt werden.

Answer 2

ersetzen $(".oAssignee:last").clone().insertAfter(".oAssignee:last");

mit

$(".oAssignee:last").clone("true").insertAfter(".oAssignee:last"); 

Demo

Answer 3

Es ist, weil Sie dieselbe ID für alle Drop-down verwenden .. #txtAssigneeType .. es ändern, wenn Sie eine neue Gruppe hinzufügen ..

zB: add Zufalls id # txtAssigneeType1, #txtAssignee Type2, # txtAssigneeType3

Answer 4

.clone() akzeptiert zwei Argumente. Der erste ist für "withDataAndEvents" und der zweite ist für "deepWithDataAndEvents".

Beide Werte sind standardmäßig falsch.

Ändern Sie Ihre Aussage zu diesem und es klont die Daten sowie Ereignisse.

$(".oAssignee:last").clone(true).insertAfter(".oAssignee:last"); 

https://api.jquery.com/clone/