@grizlibizli

Как реализовать функционал?

5bc22257e03c7379728512.png
Друзья реализовываю удаление записи (как видите на скриншоте) не отходя от кассы.
у каждой записи есть (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 ибо из за кнопки всегда передается айди первый в списке.
  • Вопрос задан
  • 85 просмотров
Пригласить эксперта
Ответы на вопрос 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
Id должен быть уникальными. Или сделайте его таким, или уберите совсем и используйте для выборки что-нибудь другое, например, класс.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы