Как использовать выбранный атрибут для отображения выбранной опции в раскрывающемся списке таблицы Dynami c

Question

Приведенный ниже код используется для отправки данных для модели «редактирования», которая находится в таблице «Сведения об ученике». Я хочу показать выбранную опцию в раскрывающемся списке, который передается через запрос AJAX. Он передаст значение в таблицу, но не показывает выбранную опцию.

function fetchDetails(studentId = "") {
    if (studentId == "") {
        studentId = "all";
    }

    editTable = $('#edit_table').DataTable();
    var editTable;

    editTable.clear().draw();

    $.ajax({
        url: "{{ url('register_details') }}/" + studentId,
        method: 'GET',
        dataType: 'json',
        success: function(data, textStatus, jqXHR) {
            for (var i = 0; i < data.length; i++) {
                editTable.row.add([
                    data[i].id,
                    '<td><select class="form-control form-control-alternative" name="stud[' + data[i].id + '][student_id]" value="' + data[i].student_group_id + '"><option value="">Select Student Type</option>@foreach ($students as $studentType)@if ($studentType->student_group_id == 1 || $studentType->student_group_id == 2 || $studentType->student_group_id == 5)<option value="{{ $studentType->id }}">{{ $studentType->ledger_name }}</option>@endif @endforeach</select></td>',
                    '<td><input type="number" class="form-control form-control-alternative age" name="stud[' + data[i].id + '][age]" min="0" step="any" placeholder="0.00" value="' + data[i].age + '" /></td>'
                ]).draw(true);
            }
        }
    })
}

Answer 1

function fetchDetails(studentId = "") {
    if (studentId == "") {
        studentId = "all";
    }

    editTable = $('#edit_table').DataTable();
    var editTable;

    editTable.clear().draw();

    $.ajax({
        url: "{{ url('register_details') }}/" + studentId,
        method: 'GET',
        dataType: 'json',        
        success: function(data, textStatus, jqXHR) {
            console.log(data);
            for (var i = 0; i < data.length; i++) {
                console.log(data[i].student_group_id);
                editTable.row.add([
                    data[i].id,
                    '<td><select class="form-control form-control-alternative" id="student_group'+data[i].id+'" name="stud[' + data[i].id + '][student_id]" value="' + data[i].student_group_id + '"><option value="">Select Student Type</option>@foreach ($students as $studentType)@if ($studentType->student_group_id == 1 || $studentType->student_group_id == 2 || $studentType->student_group_id == 5)<option value="{{ $studentType->id }}">{{ $studentType->ledger_name }}</option>@endif @endforeach</select></td>',
                    '<td><input type="number" class="form-control form-control-alternative age" name="stud[' + data[i].id + '][age]" min="0" step="any" placeholder="0.00" value="' + data[i].age + '" /></td>'
                ]).draw(true);

                $("#student_group"+data[i].id+"").val(data[i].student_group_id);
            }
        }
    })
}