Сразу прошу прощения что может не туда я.. но надеюсь на ваше понимание и оказание помощи - может кто чего подскажет хотя бы как.. направит так сказать в правильном направлении.
Так вот проблема в следущем.
Есть объект "select" и два textfield-а. В select-е - список с годами. А в textfield-ах реализован выбор периода - по сути календарики - с__по___.
Необходимо сделать: если пользователь выбирает Год - то поля с выбором периода делать недоступными. и наоборот.
перекопала интернет но ничего путного не нашла. Вроде как пишут что нельзя на пхп это сделать. только на javascript. не сильна ни в том ни в другом.
спасибо всем кто откликнется.
Спустя 43 минуты, 22 секунды (19.01.2011 - 07:58) kirik написал(а):
Это решается с помощью Javascript'а
как-то так
<script>
function ge(id) {
return document.getElementById(id);
}
function myFn(obj) {
if(obj.value == 0) {
ge('from').value = ge('to').value = '';
ge('from').disabled = ge('to').disabled = true;
} else {
ge('from').disabled = ge('to').disabled = false;
}
}
</script>
<select onchange="myFn(this)">
<option value="0">----</option>
<option value="2010">2010</option>
<option value="2010">2011</option>
<!-- ... -->
</select>
<input type="text" id="from" disabled="disabled" />
<input type="text" id="to" disabled="disabled" />
Спустя 19 минут, 45 секунд (19.01.2011 - 08:18) neznaika написал(а):
Спасибо за пример. Буду пробовать. Вроде пока всё понятно что откуда и зачем.
Разобралась - подредактировала как мну нужно было! если кому понадобится - вот:
Разобралась - подредактировала как мну нужно было! если кому понадобится - вот:
<script>function ge(id)
{
return document.getElementById(id);
}
function myFn(obj)
{
if(obj.value == 0)
{ ge('from').disabled = ge('to').disabled = false;
}
else
{ ge('from').value = ge('to').value = '';
ge('from').disabled = ge('to').disabled = true;
}}
function myFn1(ob)
{
if(ob.value == "")
{ ge('sel').disabled = false;
}
else
{ ge('sel').value = ge('sel').value = '----';
ge('sel').disabled = true;
}
}
</script><select size="1" id="sel" onchange="myFn(this)">
<option value="0" selected="selected">----</option>
<option value="2010">2010</option>
<option value="2010">2011</option>
<!-- ... -->
</select>
<input onchange="myFn1(this)" type="text" id="from" value=""/>
<input onchange="myFn1(this)" type="text" id="to" value="" />