Как получить нужный id из скрипта?

Question

[Anonymous85966]

Имеется система вывода товара на страницу корзины из бд. Рядом с товаром выводится скрытое поле input со свойством value, в котором записан id товара(нужен для дальнейшей обработки событий).Далее выводится input type="number", в котором записано количество товара, и две кнопки.Одна из них увеличивает количество товара, а вторая уменьшает.По нажатию на одну из кнопок срабатывает ajax запрос, отправляющий запрос на один из файлов: plus.php или minus.php.В этих файлах происходит запрос к бд и увеличение или уменьшение количества товара в корзине.Проблема в том, что в эти файлы нужно отправлять id товара, который содержится в скрытой форме с id товара.Но этих форм на странице несколько.Каким образом получить при помощи js при обработке события нужный идентификатор товара из скрытой формы,если таких форм много?

Comments

[Spartak (Web-StyleStudio)]

А где сам html и js код?

Answer 1

[kocherman]

Вы не дали кода, потому гадаю на кофейной гуще.

<div class="good-list">

  <!-- * * * другие товары * * * -->

  <div class="good-item">
    <!-- * * * инфа по товару * * * -->
    <input class="good-id" type="hidden" value="345736">
    <button class="add">add</button>
  </div>

  <!-- * * * другие товары * * * -->

</div>

Дальше немного JavaScript

[...document.querySelectorAll('.good-list > .good-item > button.add')].forEach(btn => {
  btn.addEventListener('click', e => {
    let thisBtn = e.target; // Кнопка, которую нажали
    let thisGood = thisBtn.closest('.good-item'); // div со всей информацией товара
    let thisHiddenInput = thisGood.querySelector('.good-id'); // скрытый input с id товара
    let thisID =parseInt( thisHiddenInput.getAttribute('value') );  // сам id товара
    console.log(thisID);
  });
});