выдать клону select2 на DataTables - PullRequest
0 голосов
/ 26 марта 2020

Я попытался создать новую строку, продублировав ее. в нем есть 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();
        }
    }
});
...