Передача данных с button в форму

W
На сайте с 05.02.2010
Offline
99
618

Приветствую, всех!

Столкнулся с такой задачей:

На странице есть 3 кнопки <button type="button">Заказать</button>

По клику на которые, появляется одно и тоже всплывающее окно с формой. Форма в свою очередь (после заполнения информации и нажатия на кнопку "Отправить") передает данные методом post в php файл.

Как передать, значение каждой из 3 кнопок button в форму, с последующей передачи значения в php файл?

Это нужно для того, чтобы понимать по какой кнопке нажал пользователь и заявку.

Заранее всем спасибо!

LEOnidUKG
На сайте с 25.11.2006
Offline
1733
#1
у button есть value http://htmlbook.ru/html/button
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
lostxfiles
На сайте с 01.07.2018
Offline
24
#2

Дайте имена кнопкам

<button type="button" name="btn1">Заказать</button>

<button type="button" name="btn2">Заказать</button>

<button type="button" name="btn3">Заказать</button>

Далее смотрите в массиве серверном:

// это сработает, если пришли данные по нажатию кнопки btn2

if(isset($_POST['btn2'])) {

        // это выполнится если пришли данные по нажатию на кнопку btn2

}

Ghost_Dog
На сайте с 22.02.2008
Offline
99
#3
webmasterandrew :

На странице есть 3 кнопки <button type="button">Заказать</button>

По клику на которые, появляется одно и тоже всплывающее окно с формой. Форма в свою очередь (после заполнения информации и нажатия на кнопку "Отправить") передает данные методом post в php файл.

1. Добавить в форму скрытое поле clickByButton
2. Добавить значение value для каждой из кнопок
3. Добавить обработчик клика по кнопкам, что-то типа:

{buttonsEls}.addEventListener('click', (e) => {
        document.getElementsByName('clickByButton').value = e.target.value;
});

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий