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

W
На сайте с 05.02.2010
Offline
92
124

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

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

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

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

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

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

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

LEOnidUKG
На сайте с 25.11.2006
Offline
1550
#1
у button есть value http://htmlbook.ru/html/button
✅ Трастовых площадок под размещение статей и ссылок. Опыт 12 лет! ( https://searchengines.guru/ru/forum/675690 ) ⭐ Купить вечные трастовые ссылки для сайта ( https://getmanylinks.ru/?srh ) ⭐ Ускорение ваших сайтов (WP, Opencart и др.) + Настройка сервера ( https://searchengines.guru/ru/forum/997205 )
lostxfiles
На сайте с 01.07.2018
Offline
17
#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;
});

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