Я попытался создать новую строку, продублировав ее. в нем есть select2, который не работает во второй строке, которую я продублировал.
<table id="table" class="table table-bordered table-hover dataTable" style="width:100%">
<thead>
<tr class='text-center'>
<th>RM Code</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="input-group">
<select class="form-control move cselector" id="rm_code[]" name="rm_code[]">
<option value="">Choose ..</option>
<option value="1">FMB 1234 E</option>
<option value="2">FMB 1235 E</option>
<option value="3">FMB 3456 E</option>
</select>
</div>
</td>
<tr>
</tbody>
</table>
JQuery для дублирующейся строки при изменении select2, а не ноль
$('#table tbody').on('change', 'td', function(e) {
var lenght = dtable.page.info().recordsTotal;
var index = dtable.row(this).index();
var data = dtable.row(this).nodes().to$().find('select[id="rm_code[]"]').val();
var row = dtable.row(this);
if (data) {
if (index == lenght - 1) {
dtable.row.add(row.data()).draw();
}
} else {
if (index < 2 && index != lenght - 1) {
dtable.row(this).remove().draw();
}
}
});