javascript - javascript函数.change()无法在克隆的元素上运行

我设计了一个动态表，用户可以添加更多行。
并且在输入上有一个函数.change（）
对于第一行运行，但对于下一个（克隆的）元素，该功能不运行

我的小提琴是here

代码如下

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

最佳答案

替换$(".oAssignee:last").clone().insertAfter(".oAssignee:last");

与

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

Demo

关于javascript - javascript函数.change()无法在克隆的元素上运行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36492796/