Форумы портала PHP.SU :: Версия для печати :: Добавления в форме нового поля по условию

1. Ejik - 29 Июля, 2010 - 08:55:34 - перейти к сообщению

Приветствую всех Форумчан!!!
Подскажите как правильно реализовать в форме вывод нового поля по определенному условию. Т.е есть форма сотрудника, где указывается все его данные ФИО, департамент, и должность. Нужно чтобы выбрав должность например Президент, в форме появлялось новое дополнительное поле, в других случаях оно было скрытым.
Можно ли это сделать с помощью пхп?

2. Саныч - 29 Июля, 2010 - 09:10:16 - перейти к сообщению

Ejik пишет:

Можно ли это сделать с помощью пхп?

это делается на javascript

3. Ejik - 29 Июля, 2010 - 09:18:21 - перейти к сообщению

Саныч пишет:

это делается на javascript

я с php еще хоть как то, а вот с javascript вообще не дружу. Можно примерчик.

4. Саныч - 29 Июля, 2010 - 09:34:34 - перейти к сообщению

вот простой пример...
з.ы. используется jQuery

CODE (html):
скопировать код в буфер обмена

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function()
{
        $("select").change(function()
        {
                if($(this).val() == "pr") $(this).nextAll("label").slideDown(400);
                else $(this).nextAll("label").slideUp(400);
        });
});
</script>
</head>
 
<body>
<form action="" method="get">
<label>Фамилия <input name="f" type="text"></label><br>
<label>Имя <input name="n" type="text"></label><br>
<label>Отчество <input name="o" type="text"></label><br>
<label>Департамент <input name="d" type="text"></label><br>
<select name="dol">
 <option value="pm">Премьер</option>
 <option value="sp">Спикер</option>
 <option value="pr">Президент</option>
</select><br>
<label style="display: none;">Дополнительно <input name="dop" type="text"></label>
</form>
</body>
</html>
 