Как правильно отправить данные на сервер из таблицы?
Прошу прощения за возможные грамматические ошибки, данный текст был переведен через Google translate. Я пока не очень хорош в программировании, учусь сразу на практике. Сейчас я делаю веб-приложение на Django для управления складом. У меня есть селект со списком товаров, который загружается через api, и когда селект выбран, строка с товаром добавляется в таблицу
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()
Вопрос: Как определить каждую строку, чтобы отправить ее на сервер, а также данные в инпутах, которые отвечают за количество и цену? Строк может быть сколько угодно, я не понимаю как их получить на сервере. И как добавить кнопку "удалить" при наведении на такие строки и удалять их при необходимости, как я понимаю это должно делаться через цикл? И как при добавлении товара, если он уже есть в таблице, то просто увеличить "количество" в input на 1 единицу
Спасибо