Динамическое изменение формы

@prosto_lynx · Регистрация: 09.06.2008

Author24 — интернет-сервис помощи студентам

ситуация такая:
человек на страничке заполняет анкету и, среди прочего, указывает город... город выбирается из выпадающего списка, где, естественно, количество городов ограничено... поэтому последним пунктом списка значится "другой город"...
так вот, необходимо, что бы при выборе в списке "другой город", становилось доступным (или появлялось) поле input с type=text для ввода этого города....
с javascript я знаком только понаслышке, но чувствую что через него надо действовать...
подскажите в каком направлении копать? про какие функции/методы/атрибуты читать?..

Добавлено через 23 часа 36 минут
пытался сделать через style="display:none;", но так и не разобрался, как такому input'у изменить
это значение....

@Mysterious Light · 14.01.2011, 06:36

<input>.style.display = "none" // соотв. "block"

Если input имеет id-значение ID, то <input> будет доступен как document.getElementById(ID).

@prosto_lynx · 24.03.2011, 15:04 **[ТС]**

А как делать видимой/невидимой обычную надпись на форме?

Есть элемент формы <FILE>, к которому относится текст "выбор файла", в случае выставления одной галочки в этой форме - выбор файла должен исчезнуть (и появиться при снятии галочки), т.е. в JS-коде я, соответственно, пишу:
document.nameform.imag.style.display = 'none';
и
document.nameform.imag.style.display = 'block';
но вот как при этом скрыть/показать саму надпись "выбор файла"?..

@Hurtsok · 24.03.2011, 17:36

Нужны манипуляции с TextNode. Самы простой способ заключить вашь текст в <span id='text_id'>text</span>
и уже непосредственно действовать так ( ниже примерный код):

Javascript

var span = document.getElementById('text_id'); //берем <span>
var text_node = span.childNodes[0].data // берем текстовую ноду
//затем тут идет сравнение 
 if(/* проверка на что то */){
   text_node.inneHTML = ' '// затираем
  // можно еще  через display взаместо innerHTML
 }
 else{
   // если клик произошел по другому элементу из формы то текст показываем 
 }

Новые блоги и статьи
Обработка числовой информации hw_wired 28.01.2025 Введение в обработку числовой информации В современном мире обработка числовой информации стала неотъемлемой частью как профессиональной деятельности, так и повседневной жизни. Электронные таблицы. . .	Мультимедиа hw_wired 28.01.2025 Введение в мультимедийные технологии В современном мире мультимедийные технологии стали неотъемлемой частью нашей жизни, проникнув во все сферы человеческой деятельности. Термин "мультимедиа". . .	Обработка текстовой информации hw_wired 28.01.2025 Введение в обработку текстовой информации В современном мире обработка текстовой информации играет фундаментальную роль в различных сферах человеческой деятельности. Текстовые редакторы стали. . .	Обработка графической информации hw_wired 28.01.2025 Введение в компьютерную графику Компьютерная графика стала неотъемлемой частью современного цифрового мира, пройдя впечатляющий путь развития от простейших черно-белых изображений до сложных. . .	Python в Алгоритмике: Решение задач hw_wired 28.01.2025 Введение в Python и Алгоритмику В современном мире программирование стало неотъемлемой частью образования и профессионального развития. Python зарекомендовал себя как один из самых популярных и. . .	Компьютер как универсальное устройство для работы с информацией hw_wired 28.01.2025 Введение в устройство компьютера Компьютер представляет собой универсальное электронное устройство, предназначенное для автоматической обработки информации. В современном мире компьютер стал. . .
Информация и информационные процессы hw_wired 28.01.2025 Понятие информации и ее виды В современном мире информация является одним из фундаментальных понятий, пронизывающих все сферы человеческой деятельности. Под информацией понимают любые сведения об. . .	Алгоритмика hw_wired 28.01.2025 Введение: Основы алгоритмики и её роль в информатике В современном мире программирование и алгоритмическое мышление стали неотъемлемой частью образования и профессиональной деятельности. . . .	Информационное моделирование hw_wired 28.01.2025 Введение в информационное моделирование В современном мире информационное моделирование стало неотъемлемой частью научной, образовательной и профессиональной деятельности. Это мощный инструмент. . .	Объекты и их имена hw_wired 28.01.2025 Введение: Основы объектного подхода и их роль в информатике В современном мире информационных технологий объектный подход стал фундаментальным принципом организации и обработки информации. Этот. . .	Элементы алгоритмизации hw_wired 28.01.2025 Основы алгоритмизации В современном мире алгоритмы играют фундаментальную роль в развитии информационных технологий и программирования. Понимание основ алгоритмизации является ключевым элементом в. . .	Человек и информация hw_wired 28.01.2025 Введение: роль информации в познании мира В современном мире информация играет фундаментальную роль в процессе познания окружающей действительности. Она представляет собой совокупность сведений об. . .

@prosto_lynx 49 / 25 / 2 Регистрация: 09.06.2008 Сообщений: 227
		1
	Динамическое изменение формы 14.01.2011, 00:48. Показов 3086. Ответов 3 Метки нет (Все метки) ситуация такая: человек на страничке заполняет анкету и, среди прочего, указывает город... город выбирается из выпадающего списка, где, естественно, количество городов ограничено... поэтому последним пунктом списка значится "другой город"... так вот, необходимо, что бы при выборе в списке "другой город", становилось доступным (или появлялось) поле input с type=text для ввода этого города.... с javascript я знаком только понаслышке, но чувствую что через него надо действовать... подскажите в каком направлении копать? про какие функции/методы/атрибуты читать?.. Добавлено через 23 часа 36 минут пытался сделать через style="display:none;", но так и не разобрался, как такому input'у изменить это значение.... 0

@Mysterious Light $Эксперт по математике/физике$ 4300 / 2091 / 431 Регистрация: 19.07.2009 Сообщений: 3,163 Записей в блоге: 24
	14.01.2011, 06:36	2
	<input>.style.display = "none" // соотв. "block" Если input имеет id-значение ID, то <input> будет доступен как document.getElementById(ID). 1

@prosto_lynx 49 / 25 / 2 Регистрация: 09.06.2008 Сообщений: 227
	24.03.2011, 15:04 [ТС]	3
	А как делать видимой/невидимой обычную надпись на форме? Есть элемент формы <FILE>, к которому относится текст "выбор файла", в случае выставления одной галочки в этой форме - выбор файла должен исчезнуть (и появиться при снятии галочки), т.е. в JS-коде я, соответственно, пишу: document.nameform.imag.style.display = 'none'; и document.nameform.imag.style.display = 'block'; но вот как при этом скрыть/показать саму надпись "выбор файла"?.. 0

	24.03.2011, 17:36