[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Динамический выбор с radio button
IDen
Надо сделать чтобы при выборе 1-ого radio button, появлялось поле select;
а при выборе 2-го radio button, появлялось поле ввода input.

Как это реализовать?



Спустя 12 минут, 2 секунды (23.11.2011 - 19:36) Winston написал(а):
JS + DOM
Или же делать два скрытых блока, один с select'ом, а второй с input'ом и при выборе радиокнопки делать видимый тот или иной.

Спустя 4 часа, 20 минут, 43 секунды (23.11.2011 - 23:57) redreem написал(а):
вот челу отвечал на подобный вопрос: http://phpforum.ru/index.php?showtopic=53996

Спустя 4 часа, 18 минут, 13 секунд (24.11.2011 - 04:15) IDen написал(а):
Цитата (redreem @ 23.11.2011 - 20:57)
вот челу отвечал на подобный вопрос: http://phpforum.ru/index.php?showtopic=53996

То что надо!!!

Только как сделать, чтобы выскакивало дополнительное поле не при 1, а при двух вариантах?
Т.е. если абстрагироватся на приведенный Вами пример - чтобы при выборе "другой" и "белый" выскакивали скрытые поля для каждого элемента.

Спустя 6 часов, 27 минут, 52 секунды (24.11.2011 - 10:43) redreem написал(а):
приводи конкретный код - там посмотрим. абстрагированность доведет только до абстрактных вещей smile.gif


Спустя 5 дней, 3 часа, 42 минуты, 51 секунда (29.11.2011 - 14:26) IDen написал(а):
	<select onchange="if (this.selectedIndex=='3') document.getElementById('other').style.visibility='visible'"  name="phone"> 
<option
value="0" selected>Коля</option>
<option
value="1">Маша</option>
<option
value="2">Саша</option>
<option
value="4">Даша</option>
<option
value="5">Паша</option>
<option
value="3">Другой</option>
</select/>
<input
id="other" style="visibility:hidden" type="text" name="other" />

Не работает (((

Спустя 5 часов, 27 минут, 18 секунд (29.11.2011 - 19:53) bodja написал(а):
<select onchange="if (this.value=='3') {document.getElementById('other').style.visibility='visible';}"  name="phone"> 
<
option value="0" selected>Коля</option>
<
option value="1">Маша</option>
<
option value="2">Саша</option>
<
option value="4">Даша</option>
<
option value="5">Паша</option>
<
option value="3">Другой</option>
<
/select/>
<
input id="other" style="visibility:hidden" type="text" name="other" />

Спустя 52 минуты, 8 секунд (29.11.2011 - 20:45) redreem написал(а):
делаем так:

<select onchange="alert(this.selectedIndex)"  name="phone"> 
<option
value="0" selected>Коля</option>
<option
value="1">Маша</option>
<option
value="2">Саша</option>
<option
value="4">Даша</option>
<option
value="5">Паша</option>
<option
value="3">Другой</option>
</select/>


запускаем, выбираем - видим чему равен селектедИндекс.
модифицируем код с нужным нам индексом:

<select onchange="if (this.selectedIndex=='5') document.getElementById('other').style.visibility='visible'"  name="phone"> 
<option
value="0" selected>Коля</option>
<option
value="1">Маша</option>
<option
value="2">Саша</option>
<option
value="4">Даша</option>
<option
value="5">Паша</option>
<option
value="3">Другой</option>
</select/>
<input
id="other" style="visibility:hidden" type="text" name="other" />

Спустя 10 часов, 9 минут, 12 секунд (30.11.2011 - 06:55) IDen написал(а):
bodja, redreem
Оба варианта работают! Но единственный недостаток - после того, как поле появилось - оно больше не исчезает. А надо, чтобы при выборе, например, "Саша", оно пропадало. Т.е. появлялось только тогда, когда выбран select "Другой".

Спустя 2 часа, 2 минуты, 32 секунды (30.11.2011 - 08:57) redreem написал(а):

<select onchange="inpEl=document.getElementById('other');if (this.selectedIndex=='5') inpEl.style.visibility='visible'; else inpEl.style.visibility='hidden';" name="phone">


что-то у вас, батенька вообще туго с программингом. этож элементарщина.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.