Как запустить форму без нажатия кнопки «отправить»

Совсем недавно, когда я на сайте клиента создавал форму для выбора валют, у меня появился вопрос, как запустить обработку формы без нажатия кнопки «Submit».
Решение нашлось посредством JavaScript.

Запуск обработки формы при выборе значения поля SELECT

Добавьте в «select» «onchange='this.form.submit()'», пример:

<form action="" method="post" name="form">
<select name="currency" onchange="this.form.submit()">
<option value="grn">ГРН</option>
<option value="usd">USD</option>
<option value="eur">EUR</option>
</select>
</form>

Результат:

Чтобы вывести результат на экран, я воспользовался php:

<?php echo $_POST['currency']; ?>

Полностью готовый код:

<form action="" method="post" name="form">
<select name="currency" onchange="this.form.submit()">
<option value="grn">ГРН</option>
<option value="usd">USD</option>
<option value="eur">EUR</option>
</select>
</form>

<?php echo $_POST['currency']; ?>

Таким вот способом можно сделать вывод списка зарегистрированных пользователей по дате и т.д.

Запуск обработки формы при выборе значения Radio

Добавьте в «input»  «onchange='this.form.submit()'», пример:

<form method="get" action="#" >
<p><b>Каким браузером вы пользуетесь?</b><br />
<input ENGINE="radio" name="browser" value="ie" onclick='this.form.submit()'> Internet Explorer<br />
<input type="radio" name="browser" value="opera" onclick='this.form.submit()'> Opera<br />
<input type="radio" name="browser" value="firefox" onclick='this.form.submit()'> Firefox<br />
</p>
</form>

Результат:

Чтобы вывести результат на экран, я воспользовался php:

<? echo $_GET['browser']; ?>

Полностью готовый код:

<form method="get" action="#" >
<p><b>Каким браузером в основном пользуетесь?</b><br />
<input type="radio" name="browser" value="ie" onclick='this.form.submit()'> Internet Explorer<br />
<input type="radio" name="browser" value="opera" onclick='this.form.submit()'> Opera<br />
<input type="radio" name="browser" value="firefox" onclick='this.form.submit()'> Firefox<br />
</p>
</form>
<? echo $_GET['browser']; ?>

Внимание! Если вы используете для вывода мой код php, не забудьте менять расширение файла с «*.html» на «*.php».

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

9 Ответов на комментарий - Как запустить форму без нажатия кнопки «отправить»

1. Кирилл

   18.10.2016 в 08:05

   Полезная фукнция, в свое время искал такую. А есть возможность получить параметры из формы не перезагружая страницу?
2. Александр

   18.10.2016 в 09:50

   Степан пост грамотный и нужный. Я как то тоже искал вариант по селекту чтоб когда выбрал сразу показывал результат. Тема щепетильная и нужная. Так что благодарю за пост, хотя я в принцепе уже знаю как сделать, но для тех кто не бум бум в тех смысле этот пост будет в самый цвет
3. МАКСИМ

   21.10.2016 в 00:13

   Всё отлично, но и в тот же момент ни чего не понял, вы бы лучше в видео всё показали, как пример. Заранее спасибо.
4. Степан => автор блога

   21.10.2016 в 21:21

   Можно попробовать через через Ajax
5. Степан => автор блога

   21.10.2016 в 21:47

   Интересно, Максим. Как же это видео должно быть? Показать, как скопировать код с моего блога и вставить на сайт? Так вроде тут ничего сложного нет, можно и без видео скопировать код
6. Sfera

   28.02.2017 в 15:02

   Чтобы вывести результат на экран приходится нажимать дважды и конечно перезагрузка страницы это не красиво
7. Степан => автор блога

   06.03.2017 в 08:40

   Не совсем понял. Что нажимать?
   После выбора, автоматические перезагружается страничка и выводится результат. Не могу понять, куда Вы там дважды нажимаете?!
8. Жека

   22.01.2019 в 16:43

   А подскажите такую вещь, не нашел у вас на сайте. Есть у меня две формы, в одной я ввожу вопрос, во второй ответы в виде кнопки. Мне нужно, чтобы по нажатию кнопки, вся страница перерисовывалась, но уже со следующим вариантом вопроса и ответов. Я просто не пойму куда мне рыть, как это в цикл запихнуть.
9. Степан => автор блога

   04.02.2019 в 21:28

   не могу понять, как это должно быть. Можно ссылку на эти формы?

Добавить комментарий

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: javascript, php, Вебмастеру, для сайта