PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Появление элементов форм

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: Появление элементов форм

Поиск в теме | Версия для печати

maxim339	Отправлено: 07 Октября, 2011 - 11:46:12
Новичок Покинул форум Сообщений всего: 7 Дата рег-ции: Май 2011 Помог: 0 раз(а)	Доброго времени суток. Столкнулся с проблемой. Суть такова, необходимо в зависимости от выбора SELECT, чтобы выводился соответствующий элемент формы, а другой был невидим, например при выборе в выпадающем списке пункта "Текстовое поле" появлялось текстовое поле, а список был невидим и наоборот. Как это организовать с помощью JavaScript без перезагрузки страницы? Заранее благодарен за помощь. CODE (htmlphp): скопировать код в буфер обмена <form method="post" action=""> <select size="1" name="vibor"> <option value="text-1">Текстовое поле</option> <option value="list-1">Список 1</option> </select> <input type="text" name="text-1" size="40" /> <select size="1" name="lis-1"> <option value="1">Текстовое поле</option> <option value="2">Список 1</option> <option value="3">Список 2</option> </select> <form>

DeepVarvar	Отправлено: 07 Октября, 2011 - 12:46:54
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Не помню как к именам полей обращаться, и не особо важно, в примере id поля такое же как и его name, и все поля имеют один class="hider": CODE (javascript): скопировать код в буфер обмена $(function(){ $("#vibor").change(function(){ $(".hider").hide(); $("#"+$(this).val()).show(); }); }); (Добавление) CODE (html): скопировать код в буфер обмена <form method="post" action=""> <select size="1" name="vibor" id="vibor"> <option value="text-1">Текстовое поле</option> <option value="list-1">Список 1</option> </select> <input class="hider" type="text" id="text-1" name="text-1" size="40" /> <select class="hider" size="1" id="list-1" name="list-1"> <option value="1">Текстовое поле</option> <option value="2">Список 1</option> <option value="3">Список 2</option> </select> <form> ----- Шта? Репозиторий?

Viper	Отправлено: 10 Октября, 2011 - 09:02:43
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	если по именам то так CODE (javascript): скопировать код в буфер обмена $('input[name="vibor"]') ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.