Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 28.02.2024
Сообщений: 24

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

19.09.2025, 09:38. Показов 975. Ответов 7

Студворк — интернет-сервис помощи студентам
День добрый, подскажите как можно передать значение по тегу 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; ?>">
, такая конструкция тоже не работает
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.09.2025, 09:38
Ответы с готовыми решениями:

Передать в контактную форму значение <button>
Здравствуйте. На сайте 10 товаров, у каждого из товаров есть кнопка, при нажании на которую...

Frame и Input (button)
Доброго времени суток. Есть одна проблема которую я не могу реализовать. Есть страничка разделенная...

Пунктир при клике в FF (Button)
Как убрать пунктир при клике в FF по button?

7
 Аватар для sad67man
2598 / 1502 / 689
Регистрация: 23.08.2015
Сообщений: 3,798
19.09.2025, 12:36
Цитата Сообщение от seotime Посмотреть сообщение
Пробовал присваивать значение переменной
php исполняется на сервере, формируя html код. после чего там уже никаких php-вставок не будет. Браузер о php ничего не знает, чтоб передать вот так значение в hidden инпут в форму по нажатию на кнопку - нужно использовать javascript
Покажите функцию showPopup()
0
0 / 0 / 0
Регистрация: 28.02.2024
Сообщений: 24
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>
0
 Аватар для sad67man
2598 / 1502 / 689
Регистрация: 23.08.2015
Сообщений: 3,798
19.09.2025, 13:36
Лучший ответ Сообщение было отмечено seotime как решение

Решение

Цитата Сообщение от 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>
1
0 / 0 / 0
Регистрация: 28.02.2024
Сообщений: 24
19.09.2025, 13:42  [ТС]
Спасибо огромное. Буду пробовать.
0
 Аватар для voraa
1220 / 1105 / 173
Регистрация: 21.01.2024
Сообщений: 5,043
19.09.2025, 18:52
JavaScript
1
<button class="trigger-button" onclick="showPopup('Обратный звонок')"><a class="section-btn1">Обратный звонок</a></button>
Какой смысл в <a> внутри <button>? Почему именно <a> (без href), а не <span>
0
Заблокирован
19.09.2025, 19:05
Цитата Сообщение от voraa Посмотреть сообщение
Какой смысл в <a> внутри <button>? Почему именно <a> (без href), а не <span>
Может захотел сделать похожим на ссылку
0
 Аватар для voraa
1220 / 1105 / 173
Регистрация: 21.01.2024
Сообщений: 5,043
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
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.09.2025, 19:25
Помогаю со студенческими работами здесь

<input type="submit" value="button" onClick="">
Если в HTML коде есть токой фрагмент &lt;input type=&quot;submit&quot; value=&quot;button&quot; onClick=&quot;&quot;&gt;, что можно...

Выравнивание через radio button
Нужно изменить код таким образом, чтобы можно было выбрать как выравнить текст. После того как...

Как кнопку button сделать такой же как image
Подскажите пожалуйста каким образом можно сделать кнопку &lt;button&gt; или &lt;input type=&quot;button&quot;&gt; по...

Bootstrap + Button
Я новичок. Использую фреймворк Bootstrap. Столкнулся с проблемой. Создал кнопку с выпадающим...

like button facebook
Здраствуйте. Может кто нибуть помочь мне с таким вопросом? Я делаю обычние сайты на HTML и CSS. Но...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
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
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru