Получить значение новых динамически добавляемых строк JQuery Ajax в Laravel

Question

Я уже получил данные из базы данных и отобразил их в представлении в Laravel Project:

// get price
$('select[name="state"]').on('change', function() {
    var stateID = $(this).val();

    if (stateID) {
        $.ajax({
            url: 'invoice/getPurchaseItems/' + stateID,
            type: "GET",
            dataType: "json",
            async: true,
            cache: false,
            success: function(data) {
                console.log(data);
                $.each(data, function(key, value) {
                    $("#brand").append(`<td>${value}</td>`);
                });
            }
        });
    }
});

Вот html:

<table class="table table-striped table-bordered">
    <thead>
        <tr>
            <th scope="col">No</th>
            <th scope="col">Inventory </th>
            <th scope="col">Product </th>
            <th scope="col"> Qty in Inventory </th>
            <th scope="col">Unit</th>
            <th scope="col">Unit Price </th>
            <th scope="col">Quantity</th>
            <th scope="col">Total Price </th>
        </tr>
    </thead>
    <tbody id="brand">
    </tbody>
</table>

Как можно Я получаю значение новых динамически добавляемых строк, чтобы вычислить и сохранить его в базе данных.

Answer 1

Вам нужно обернуть <td> в <tr>, а затем добавить его в <tbody>

// get price
$('select[name="state"]').on('change', function() {
    var stateID = $(this).val();

    if (stateID) {
        $.ajax({
            url: 'invoice/getPurchaseItems/' + stateID,
            type: "GET",
            dataType: "json",
            async: true,
            cache: false,
            success: function(data) {
                let newData = '<tr>';
                $.each(data, function(key, value) {
                    newData += `<td>${value}</td>`;
                });
                newData += '</tr>';
                $("#brand").append(newData);
            }
        });
    }
});