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

Опубликовано: 01.09.2018

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

Результат:

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

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

Последние новости категории:

Похожие статьи

Популярные статьи:

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

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

rss