Скрыть рекламу
КаШАГ » Как я обучался в академии ШАГ » Как передать значения элементов формы через javascript

Опрос

Откуда Вы узнали о КаШаГ?

Рекомендовали друзья
Прочитал в прессе
Увидел по TV
Нашел в INTERNET
Увидел рекламму

Кто на сайте

Сейчас на сайте: 1
Гостей: 1
Пользователи: 
- отсутствуют
Роботы: 
- отсутствуют

 Последние посетители: 

Облако тегов

Требуется для просмотраFlash Player 9 или выше.

Календарь публикаций

«    Ноябрь 2013    »
ПнВтСрЧтПтСбВс
 
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
26
27
28
29
30
 

Наши партнеры

 
Программа Сервисный Центр
Программа для учета аппаратов в Сервисном Центре
Купить Samsung UE-40D6510 в Донецке,купить Samsung UE-40D6510 в Донецке онлайн.
Купить Samsung UE-40D6510 в Донецке
 

Статистика

Новости партнеров

Texas Instruments выпускает отладочный набор ZigBee Light Link

Завершенное аппаратно-программное решение позволит добавить в светодиодные системы освещения функции удаленного управления и возможность подключения к облачным ...

TDK объявляет о выпуске промышленных источников питания EVA2400 мощностью 2.4 кВт высотой 2U

Модули в удобном корпусе для интеграции в системы OEMКорпорация TDK объявляет о выходе серии промышленных источников питания TDK-Lambda EVA2400 мощностью 2.4 кВт ...

Vishay представляет новую приемную катушку для беспроводных зарядных устройств с напряжением 7 В

Новая приемная катушка для беспроводных зарядных устройств работает как с позиционирующим магнитом, так и без него, выполняет функцию эффективного экрана с высокой ...

Diodes представила мощный аудио усилитель в компактном корпусе

Diodes Incorporated представила мощный аудио моно усилитель класса D в компактном корпусе для поверхностного монтажа SOP16 с вскрытым теплоотводящим основанием. ...

Как передать значения элементов формы через javascript

 Как я обучался в академии ШАГ
 4-09-2010, 22:40  Автор: lavanda Просмотров: 3108 Комментарии: (0)

Как передать значения элементов формы через javascript

Обычно значения элементов формы передаются следующим образом :

<?php

if(isset($_POST['peredast']))

{

echo "

Текст первого текстового блока : ".$_POST['text1']."<br />

Текст первого текстового блока : ".$_POST['text2']."<br />

Текст первого текстового блока : ".$_POST['text3']."<br />

Текст первого текстового блока : ".$_POST['text4]."<br />";

}

echo <<<HTML

<form method="POST" name="form1">

<input type="text" name="text1"><br />

<input type="text" name="text2"><br />

<input type="text" name="text3"><br />

<input type="text" name="text4"><br />

<input type="submit" name="peredast">

</form>

HTML;

?>

 

Но, бывают ситуации, когда необходимо передать те же параметры но не при нажатии на кнопку "сабмит" ,а , например , при клике на какой нибудь картинке, или при наведении курсора мыши на какой - нибудь объект или выбор значения из выпадающего списка. В такой ситуации  "сабмит" не поможет...

Я приведу пример на обычной картинке (при клике на которой данные формы будут переданы).


<?php
if(isset($_POST['peredast']))
{
echo "
Текст первого текстового блока : ".$_POST['text1']."<br />
Текст первого текстового блока : ".$_POST['text2']."<br />
Текст первого текстового блока : ".$_POST['text3']."<br />
Текст первого текстового блока : ".$_POST['text4]."<br />";
}
echo <<<HTML
<script>
function Peredast()
{
document.form1.submit();
}
</script>
<form method="POST" name="form1">
<input type="text" name="text1"><br />
<input type="text" name="text2"><br />
<input type="text" name="text3"><br />
<input type="text" name="text4"><br />
<img src="http://hosting.gmodules.com/ig/gadgets/file/103557497643818188509/7/cur0.gif" onclick="Peredast();">
<input type="hidden" name="peredast">
</form>
HTML;
?>

Тут, как вы видите , используется функция javascript Peredast() которая при клике на картинку передает значения элементов  формы form1.

Хочу отметить, что у формы обязательно должно быть имя. 

Можете убедиться в работоспособности этого примера laughing .


Ключевые теги: php, примеры, уроков, javascript, форма

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.