动态添加的行不会捕获 js 代码答案

【问题标题】：Dynamically added rows don't catch js code动态添加的行不会捕获 js 代码
【发布时间】：2018-10-01 10:17:03
【问题描述】：

我在使用动态表和 js 代码时遇到了一些问题

这是桌子

<table class="table table-bordered table-striped responsive-utilities" id="m1r2">
 <thead>
  <tr>
   <th data-toggle="tooltip" title=" <?php echo $lang['m1r7AuditoresPlace'] ; ?>"> <?php echo $lang['m1r7Auditores']; ?> </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <th scope="row" data-toggle="tooltip" title=" <?php echo $lang['m1r7AuditoresPlace'] ; ?>">
  <select class="select2 m-b-10 select2-multiple"  multiple="multiple" data-placeholder="Seleccione" name="m1r7Auditores1[]">
   <?php foreach ($auditores as $aud ): ?>
    <option value="<?php echo $aud->userRut; ?>"><?php echo ''.$aud->userRut.'</option>
   <?php endforeach; ?>
  </select> -
 </th>
</tr>
</tbody>
</table>

而添加更多行的JS是这样的

$(document).ready(function() {
 $('#btnAdd').click(function() {
  var num = document.getElementById('cuantos').value;
  var num2 = 1;
  var sum = Number(num) + num2;

  document.getElementById("m1r2").insertRow(-1).innerHTML = '<tr>' +
  '<th scope="row" data-toggle="tooltip" title=" <?php echo $lang['m1r7AuditoresPlace'] ; ?>"><select  multiple="multiple" name="m1r7Auditores1[]">' +
  '  <?php foreach ($auditores as $aud ): ?>' +
  '    <option value="<?php echo $aud->userRut; ?>"><?php echo ''.$aud->userRut.'</option>' +
  '  <?php endforeach; ?>' +
  '</select></th>' +
  '</tr>';

结果是第一个像魅力一样工作的结果，但是当我添加一些行时，它们变得很简单（没有样式，没有 js）as image shown

提前感谢您的帮助:)！

【问题讨论】：

（对不起，重复错误。）

标签： javascript html dynamic

【解决方案1】：

问题解决了！如果有人遇到同样的问题，在 tr 被复制后，js DOM 没有重新声明，所以我只是添加了

$('#select'+ sum +'').multiSelect();

在上面显示的代码的末尾:)

【讨论】：

重新声明未声明，抱歉 :)