I apologize for possible grammatical errors, this text was translated through Google translate. I'm not very good at programming yet, I'm learning right away in practice. Now I'm making a Django web application for warehouse management. I have a select with a list of products that is loaded via api, and when the select is selected, a row with the product is added to the table

success: function (res) {
        let invoiceRow = document.querySelector(".invoice-add-table table tbody tr.add-elements").insertAdjacentHTML('beforebegin', '<tr class="invoice-row">' +
        '<td align="right" class="fixed">'+ res.articul +'</td>' +
        '<td class="name" align="left"><span title="'+ res.name +'" style="text-decoration: underline; cursor: pointer;">'+ res.name +'</span></td>' +
        '<td align="right" class="fixed"><input name="quantity" value="1" class="ta-right fixed" type="text"></td>' +
        '<td align="right" class="fixed"><input name="last_buy_price" value="'+ res.last_buy_price +'" class="ta-right fixed" type="text"></td>' +
        '<td align="right" class="fixed"><input name="summ" value="" class="ta-right fixed" type="text"></td>' +
        '<td align="right" class="fixed"><input name="sell_price" value="'+ res.sell_price +'" class="ta-right fixed" type="text"></td>' +
        '<td align="right"><div style="display: flex;" class="edit-tool-table"><span class="iconify" data-icon="bx:trash" style="color: white;" data-width="20"></span></div></td>'+
        '</tr>');
        $(".add-items-select")[0].selectize.clear()

Question: How do I identify each row to send it to the server, as well as the data in the inputs that are responsible for the quantity and price? There can be as many lines as you want, I don't understand how to get them on the server

Thanks