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

Question

[Евгений Петров]

Имеется энное кол-во блоков с товарами, допустим, их три.


Код разметки:
pastebin.com/VTYtKuEr
Следовательно, у каждого блока будет инпут, в котором будет висеть ID товара (id=itemName)

Как передать js-у информацию из поля над этой кнопкой?
Т.е., чтобы js понял, что требуется значение из поля в блоке с этим товаром.


Если идти таким путем - выводит айди самого первого инпута на странице.

____
Да, я понимаю, что на странице больше одного поля с одинаковым названием, но, как можно сделать иначе?
Гуглил - ничего толкового не нашел
Паблик скрипты ставить не хочу, хочу разобраться сам(в крайнем случае, чтобы ткнули носом), ибо знания в разработке всегда лучше, чем умение жать на crtl+c / crtl+v

Answer 1

[Сергей delphinpro]

Да, я понимаю, что на странице больше одного поля с одинаковым названием, но, как можно сделать иначе?

Сделать разные id. Внезапно, да?

<input id="itemName-1" value="1">
<div class="button" onclick="send_cart('#itemName-1');">добавить в корзину</div>

function send_cart(id) {
  var name = $(id).val();
  alert('Name: ' + name);
}

И никогда не постите на форумах скриншоты кода! Используйте редактор.

Comments

[Евгений Петров]

Окей, допустим айди разные. Как JS будет понимать, из какого айди брать информацию?

[Сергей delphinpro]

Виктор: Обновил ответ