Как узнать по нажатию на какую кнопку была отправлена форма?

Question

[unlik]

На сайте есть 4 кнопки. По клику на них открывается одна и та же форма.

Как в письме указать по нажатию на какую кнопку было открыто всплывающее окно и отправлена форма?

Вариант сделать разные формы на каждую кнопку не подходит.

Comments

[ksnk]

Поставить у кнопки атрибут name. Он будет указан к массиве POST при передаче

[unlik]

ksnk, мне нужно что бы я например указал у кнопки value="Товар 1"
И после нажатия кнопки это значение передалось в input hidden

[ksnk]

Зачем еще один инпут, если в посте и так будет передано и имя нажатой кнопки и ее значение? Если приспичило копировать значение в скрытое поле - нужно пользоваться javascript

Answer 1

[Andrew]

При клике записывать в тайное(скрытое) поле?

Comments

[unlik]

Да. У меня есть срытый инпут в форме.

Есть кнопки для 4-х разных товаров.

Вот нужно при нажатии на кнопку в этот скрытый инпут передать название товара.

[Andrew]

unlik, есть несколько вариантов.
1) добавьте аттрибут data-knopka(к примеру) к каждой кнопке и оттуда данные записывайте в input
2)разные айди/классы для всех этих кнопок и разные обработчики записи.
1:

<button data-knopka="knopka1">Knopka</button>
<button data-knopka="knopka2">Knopka2</button>
<button data-knopka="knopka3">Knopka3</button>

$('button').click(function() {
$('form input[type=hidden]').val($(this).attr('data-knopka'));
});

Второй по-принципу такой же, только вместо data-... используется id/class.

Первый более универсальный, т.к. не надо каждый раз дописывать обработчик, если добавляется кнопка, только data-...

[Stalker_RED]

Andrew, но зачем такие танцы, если у кнопки есть value?

[unlik]

Stalker_RED, А подробнее?

[unlik]

Andrew, Это я так понимаю при нажатии на кнопку в input hidden будет так же задаваться data-knopka=""

Но тогда вопрос как из data-knopka текст отправить в письме

[Andrew]

unlik, у вас в форме есть скрытое поле, вы когда отправляете считываете значение этого поля , где у вас значение кнопки.

[Andrew]

Stalker_RED, а если там не button, а допустим, ссылка? будете еще один обработчик писать? или условия ?

[Stalker_RED]

unlik, запостил отдельным ответом

Andrew, Почему "еще один"? Пока там не ссылка - вообще обработчик писать не нужно.

Answer 2

[Максим Тимофеев]

hidden input в него писать какая кнопка была нажата

Comments

[unlik]

То что скрытый инпут это понятно. Вопрос в том, как в него передать какая кнопка нажата.

[Stalker_RED]

но зачем такие танцы, если у кнопки есть value?

[Максим Тимофеев]

unlik, Да кстати Stalker_RED прав, проще не value инпута менять, а value кнопки.

Вопрос в том, как в него передать какая кнопка нажата

$('.my_modal_btn').on('click',function() {
     $('#some_submit_btn').val($(this).text();
});

Образно, я ж не знаю, какая у Вас там разметка и какая модалка, бутстрап например, для этого имеет свои методы готовые.

[Stalker_RED]

Максим Тимофеев, я немного о другом говорил. Запостил отдельным ответом.

[Максим Тимофеев]

Stalker_RED, так автору надо по нажатию на эту кнопку модалку открывать и в нее данные передать. А не сразу post отправить.

Answer 3

[Stalker_RED]

Это же базовый функционал html-форм.

Без регистрации, без СМС, и скриптов.

Потестить можно здесь: https://jsfiddle.net/z8555bpw/