Как сделать таблицу с кнопкой «Заказать»?

Question

[Максим Максим]

Подскажите пожалуйста, столкнулся с небольшой проблемой, мне нужно сделать таблицу с размерами колец, размеров колец больше 5000 а смысла создавать карточки для каждой позиции нету, потому что допустим: имеется кольцо размером (внутренний D: 10) - (сечение D: 2) - Колонка с названием материала - Цена - Наличие - Кнопка заказать
Как можно сделать таблицу в которой при нажатии кнопки "заказать" будут браться данные колонки D1xD2xМатериал на против которой находится кнопка?

Answer 1

[tommy_13]

jQuery

$('tr').click(function() {
  var tr = $(this);
  var data = [];
  $('td', tr).each(function() {
    data.push($(this).text());
  });
  alert(data.join(', '));
});

Comments

[Максим Максим]

а можешь показать полный пример с таблицей пожалуйста? тебе можно как нибудь написать?)

[tommy_13]

Максим Кравченко: в моем примере данные собираются при клике на строку таблицы. можно повесить и кнопку
codepen.io/anon/pen/ZBXVyJ

[Максим Максим]

tommy_13: Красавчик! +100 в карму!

[Максим Максим]

tommy_13: А как можно сделать чтобы при клике добавить, текст переносился с размерами textarea ?

Answer 2

[Андрей Федоров]

Используете input type="hidden" value="10"... Потом уже в PHP, перемножайте нужные переменные.

Answer 3

[Артем]

Повесьте идентификатор кольца на строку таблицы. На кнопку заказа вешаете onclick обработчик, в котором получаете идентификатор tr элемента, внутри него ищите элементы с нужными вам данными.

Answer 4

[Андрей Б.]

this и data атрибуты не?