BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

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

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

2016-10-17 / Вр:10:47 / просмотров: 5001

Совсем недавно, когда я на сайте клиента создавал форму для выбора валют, у меня появился вопрос, как запустить обработку формы без нажатия кнопки «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>

Результат:

Каким браузером вы пользуетесь?
Internet Explorer
Opera
Firefox

Чтобы вывести результат на экран, я воспользовался 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. Кирилл

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

  2. Александр

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

  3. МАКСИМ

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

  4. Степан => автор блога Степан => автор блога

    Можно попробовать через через Ajax

  5. Степан => автор блога Степан => автор блога

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

  6. Sfera

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

  7. Степан => автор блога Степан => автор блога

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

  8. Жека

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

  9. Степан => автор блога Степан => автор блога

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

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

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

Метки: , , ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 802
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4573