Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Сокрытие полей (https://javascript.ru/forum/dom-window/21022-sokrytie-polejj.html)

Saboth 26.08.2011 10:07

Сокрытие полей
 
Имеется select такого вида:
<select name="seled" id="seled" onchange="document.hideDate()"><option value="0" selected="selected">False</option><option value="1">True</option></select>

И поле вида:
<input name="date" id="date" type="date" value="<?php print $curdate ?>"/>

Можно ли (если можно, то как) при изменении в select значения value="0" скрывать или делать недоступным поле date, при изменении value="1" отображать либо соответственно делать доступным. Желательно без перезагрузки страницы. Или хотя-бы цвет date менять.

ksa 26.08.2011 10:38

Цитата:

Сообщение от Saboth
Можно ли

Можно

<script type="text/javascript">
function Go(Val) {
	document.getElementById('date').disabled=(Val==0)
	document.getElementById('date1').style.display=(Val==0)? 'none': ''
}
</script>

<select name="seled" id="seled" onchange="Go(this.value)">
	<option value=""></option>
	<option value="0">False</option>
	<option value="1">True</option>
</select>
<input name="date" id="date" type="date" value="1"/>
<input name="date1" id="date1" type="date" value="2"/>

Saboth 26.08.2011 11:26

Большое благодарю. Помогло.

Saboth 26.08.2011 11:50

Ещё вопросик.
document.getElementById('date').disabled=(Val==3);
document.getElementById('date').disabled=(Val==10);

Выполняется только один, последний.
Как выполнять оба одновременно?

melky 26.08.2011 12:00

наверное,
document.getElementById('date').disabled=(Val==3)||(Val==10);

Saboth 26.08.2011 12:14

Спасибо.


Часовой пояс GMT +3, время: 23:58.