|
|
|
|
<select name="month"><option value="0">...</option><option value="1">Январь</option><option value="2">Февраль</option><option value="3">Март</option><option value="4">Апрель</option><option value="5">Май</option><option value="6">Июнь</option><option value="7">Июль</option><option value="8">Август</option><option value="9">Сентябрь</option><option value="10">Октябрь</option><option value="11">Ноябрь</option><option value="12">Декабрь</option></select>
<tr>
<td>Январь</td>
<td>Февраль</td>
<td>Март</td>
<td>Апрель</td>
<td>Май</td>
<td>Июнь</td>
<td>Июль</td>
<td>Август</td>
<td>Сентябрь</td>
<td>Октябрь</td>
<td>Ноябрь</td>
<td>Декабрь</td>
</tr>
<tr>
<td><input type="text" name="zp1" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp2" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp3" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp4" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp5" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp6" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp7" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp8" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp9" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp10" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp11" size="10" value="0" maxlength="10"></td>
<td><input type="text" name="zp12" size="10" value="0" maxlength="10"></td>
</tr>
|
Изыскался по инету, прошу прощения за простой вопрос
Нужно чтоб при выборе в селекте, например Февраль, остались доступны месяцы до февраля включительно, остальные остались недоступны. Как это сделать на яваскрипте? | |
|
|
|
|
|
|
|
для: compas
(14.07.2008 в 15:49)
| | Во-первых, надо обоим <TR> из вашего примера дать ID.
Например, первой строке (где названия месяцев) назначить <tr id="Mnames">,
а второй строке (где инпуты) назначить <tr id="Minputs">
Во-вторых, в теге <SELECT> надо прописать вызов функции по событию ONCHANGE, вот так:
<select name="month" onchange="myFunc (this.selectedIndex)">
В-третьих, всем тегам <INPUT> надо прописать изначально атрибут DISABLED. Вот так:
<input type="text" name="zp1" size="10" value="0" maxlength="10" diasbled>
Иначе логика ущербная получается: ничего не выбрал - пиши где хочешь, а вот
если выбрал, то получишь ограничения. Бред ведь, согласитесь :-)
Ну и, наконец, прописать в заголовке (между тегами <HEAD></HEAD>) скриптовой блок
с этой самой функцией:
<script>
function myFunc (x)
{
for (var j = 0; j < 12; j++)
with (document)
{
getElementById ('Mnames').cells [j].style.color = (j < x) ? 'black' : 'silver';
getElementById ('Minputs').cells [j].firstChild.disabled = (j < x) ? false : true;
}
}
</script>
|
| |
|
|
|