Question

我已经审核过几个类似问题的帖子，但仍未找到解决方法。我有一个单行的表（onLoad）。单击一个按钮，我将动态地向表中添加一个表行（TR）。然后有一个单独的脚本来为表行分配ID。我有一个onchange脚本，它应该在更改时给我一个元素的ID。它适用于第一个静态行。它不适用于任何动态添加的行。

＆＃13;

$j(".main-wrapper tr:last").after("<tr class='well'><td><div style='display:inline' class='input-group'><select style='display:inline;width:100%'><option value='--None--'>--None--</option><option value='one'>One</option></select></div></td><td><div style='display:inline' class='input-group'><select class='discount-percentage' style='display:inline;width:100%'><option value='--None--'>--None--</option><option value='one'>One</option></select></div></td><td><div class='input-group'><span><input style='display:inline;width:100%' type='text' class='form-control' /></span></div></td><td><div class='input-group'><span><input style='display:inline;width:100%' type='text' class='form-control' /></span></div></td><td><div class='input-group'><input style='display:inline;width:100%' type='text' class='form-control' /></div></td></tr>");

$j(".line-item-table").on("change", 'main-wrapper tr select:first', function() {
  var dropVal = $j(this).val();
  var dropId = $j(this).parent().attr("id");
  alert("ID : " + dropId);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

有什么见解？我只是在这里忽略了什么吗？

Answer 1

$j(".main-wrapper").on("change", 'tr select', function() {
  var dropVal = $j(this).val();
  var dropId = $j(this).parent().attr("id");
  alert("ID : " + dropId);
});

这对我有用！

JQuery onChange for Dynamic Elements

1 个答案: