Передача значения в Button

@seotime · Регистрация: 28.02.2024

Студворк — интернет-сервис помощи студентам

День добрый, подскажите как можно передать значение по тегу button в форму form?
У меня есть несколько кнопок и один обработчик, хотел передавать переменную чтобы на каждую кнопку не писать свой обработчик.
Делаю так в теге button использую name="comment" value="бла-бла-бла" и вызываю форму по кнопке. По идее при вызове обработчика значение имени name должно передаваться, но не передаётся.
Обработчик выглядит так

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
    // Собираем данные из формы
    $name = ($_POST['name']);
    $phone = ($_POST['phone']);
    $comment = ($_POST['comment']);
 
    // Формируем сообщение для отправки в Telegram
    $arr = array(
        'Имя:' => $name,
        'Телефон:' => $phone,
    'Заявка:' => $comment
    );
 
    // Собираем текст сообщения
    $txt = "";
    foreach ($arr as $key => $value) {
        $txt .= "<b>".$key."</b> ".$value."%0A";
    }
 
    // Отправляем запрос к API Telegram
    $sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r");
 
}

Переменные $name и $phone передаются и выводятся как надо, $comment - нет

Добавлено через 30 минут
тег button

HTML5
1
<button class="trigger-button" onclick="showPopup()" name="comment" value="Обратный звонок"> <a class="section-btn1"> Обратный звонок</a></button>

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

Пробовал присваивать значение переменной

HTML5
1
<php $name="бла-бла-бла"; ?>

с тем что бы в форме прописать

HTML5
1
<input type="hidden" name="comment" value="<php echo $name; ?>">

, такая конструкция тоже не работает

@sad67man · 19.09.2025, 12:36

Сообщение от seotime

Пробовал присваивать значение переменной

php исполняется на сервере, формируя html код. после чего там уже никаких php-вставок не будет. Браузер о php ничего не знает, чтоб передать вот так значение в hidden инпут в форму по нажатию на кнопку - нужно использовать javascript
Покажите функцию showPopup()

@seotime · 19.09.2025, 13:06 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
 function showPopup() {
            const overlay = document.getElementById('overlay');
            const popup = document.getElementById('popup');
            overlay.style.display = 'block';
            setTimeout(() => {
                popup.classList.add('active');
            }, 10);
        }

Само окно

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div class="overlay" id="overlay">
        <div class="popup" id="popup">
            <div class="decorative-shape shape-1"></div>
            <div class="decorative-shape shape-2"></div>
            <!--<div class="discount-badge">Limited Time!</div>-->
            <button class="close-button" onclick="hidePopup()">&times;</button>
            <div class="popup-content">
                <h2>Нужна консультация?</h2>
                <p>Наши специалисты ответят на все ваши вопросы!</p>
               <form class="form" method="post" action="send1.php">
                    <div class="form-group">
                        <label for="name">Имя</label>
                        <input type="text" placeholder="Как к Вам обрашаться:" name="name" required>
            </div>
                    <div class="form-group">
                        <label for="phone">Ваш телефон:</label>
                        <input type="phone" id="phone" name="phone" required placeholder="+7(123)4567890" inputmode="numeric">
                    </div>
                    <button type="submit" class="submit-button" data-toggle="modal" data-target="#success_tic">Жду звонка</button>
           <input type="hidden" name="act" value="order">
            
                </form>
            </div>
        </div>
    </div>

@sad67man · 19.09.2025, 13:36

Сообщение от seotime

Само окно

Внутрь form добавим hidden input name=comment
(можно его изначально обычным оставить, чтоб проверить как работает передача данных)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div class="overlay" id="overlay" style="display: none;">
    <div class="popup" id="popup">
        <div class="decorative-shape shape-1"></div>
        <div class="decorative-shape shape-2"></div>
        <!--<div class="discount-badge">Limited Time!</div>-->
        <button class="close-button" onclick="hidePopup()">&times;</button>
        <div class="popup-content">
            <h2>Нужна консультация?</h2>
            <p>Наши специалисты ответят на все ваши вопросы!</p>
           <form class="form" method="post" action="send1.php">
                <input type="hidden" name="comment">
                <div class="form-group">
                    <label for="name">Имя</label>
                    <input type="text" placeholder="Как к Вам обрашаться:" name="name" required>
                </div>
                <div class="form-group">
                    <label for="phone">Ваш телефон:</label>
                    <input type="phone" id="phone" name="phone" required placeholder="+7(123)4567890" inputmode="numeric">
                </div>
                <button type="submit" class="submit-button" data-toggle="modal" data-target="#success_tic">Жду звонка</button>
                <input type="hidden" name="act" value="order">
            </form>
        </div>
    </div>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function showPopup(comment) {
  const overlay = document.getElementById('overlay');
  const popup = document.getElementById('popup');
 
  popup.querySelector('form').comment.value = comment || '';
 
  overlay.style.display = 'block';
  setTimeout(() => {
    popup.classList.add('active');
  }, 10);
}

И вызов

HTML5
1
<button class="trigger-button" onclick="showPopup('Обратный звонок')"><a class="section-btn1">Обратный звонок</a></button>

@seotime · 19.09.2025, 13:42 **[ТС]**

Спасибо огромное. Буду пробовать.

@voraa · 19.09.2025, 18:52

JavaScript
1
<button class="trigger-button" onclick="showPopup('Обратный звонок')"><a class="section-btn1">Обратный звонок</a></button>

Какой смысл в <a> внутри <button>? Почему именно <a> (без href), а не <span>

@den235 · 19.09.2025, 19:05

Сообщение от voraa

Какой смысл в <a> внутри <button>? Почему именно <a> (без href), а не <span>

Может захотел сделать похожим на ссылку

@voraa · 19.09.2025, 19:25

Сообщение от den235

Может захотел сделать похожим на ссылку

Для этого CSS есть. На что угодно можно сделать похожим.
Тем более

Permitted content
Phrasing content but there must be no Interactive content. If the <button> is the first child of a customizable select element, then it may also contain zero or one <selectedcontent> element.

https://developer.mozilla.org/... al_summary

Новые блоги и статьи Все статьи Все блоги /
Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

@seotime 0 / 0 / 0 Регистрация: 28.02.2024 Сообщений: 24
	19.09.2025, 13:42 [ТС]
	Спасибо огромное. Буду пробовать. 0

Передача значения в Button

Решение