Друзья реализовываю удаление записи (как видите на скриншоте) не отходя от кассы.
у каждой записи есть (data-id) Передаю дата-айди в js там аяксом делаю запрос на нужную страницу и исходя из дата-айди удаляю соответствующую запись.
Все бы ничего но событие on click висит у меня на кнопке которая имеет id="btn".
Каждая запись
$('#delbut').on('click', function () {
var ch = [];
$("#productId").each(function () {
var $el = $(this);
ch.push($el.data("id"));
console.log(ch);
});
$.ajax({
url: '/delproduct',
type: 'POST',
data: {id:ch},
success: function (data) {
alert("Remove Page");
window.location.href = "/";
console.log('del');
},
error: function (errors) {
console.log(errors.responseJSON);
}
})
})
прокручиваются в foreach и соответственно у каждой записи один и тот же id кнопки.
Получается что на какую бы кнопку я не нажал удалятся будет запись которая первая идет в списке.
Как решить такую проблему?
Как передавать корректно data-id ибо из за кнопки всегда передается айди первый в списке.