|
|
|
новичок
участник
Last Login: 15.01.2007 16:14
Сообщ.: 4,
Visits: 7
|
|
| Задача такая: есть 1 select. Пользователь выбирает в нём одно значение и тут же появляется 2й select, он выбирает значение во втором selecte и появляется 3й. Значения их не связаны, сам факт что при выборе selecta появляется новый. Как это можно сделать?
|
|
|
|
|
Supreme Being
участник
Last Login: 29.05.2008 20:04
Сообщ.: 269,
Visits: 2 381
|
|
|
|
|
|
Supreme Being
модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240,
Visits: 65 445
|
|
| Скрываем "ненужные" селекты с помощью style="display:none", а на onchange у селектов пишем код показывающий их: .style.display = "inline";
|
|
|
|
|
новичок
участник
Last Login: 15.01.2007 16:14
Сообщ.: 4,
Visits: 7
|
|
| Посмотрите, пожалуйста на наличии ошибок.Я, честно говоря, начинающий веб программист <HTML>
<HEAD> <STYLE TYPE="text/css">
.collapsed {display:none}
.showed{display:inline}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function outliner() {
var child =
document.all[event.srcElement.getAttribute("child",
false)]; if (null != child)
child.className = child.className == "collapsed" ?
"showed" : "collapsed";
}
</SCRIPT>
</HEAD>
<BODY>
<select CLASS="showed" ONCHANGE="outliner()" child="info">
<option value=1>1</option>");
<option value=2>2</option>");
</SELECT>
<DIV ID="info" CLASS="collapsed">
<SELECT NAME="MinDays" size=1>
<option value=11>11</option>");
<option value=12>12</option>");
</SELECT>
</DIV>
</BODY>
</HTML>
|
|
|
|
|
новичок
участник
Last Login: 15.01.2007 16:14
Сообщ.: 4,
Visits: 7
|
|
| А почему с 3мя селектами не работает? <HTML>
<HEAD> <STYLE TYPE="text/css">
.collapsed {display:none}
.showed{display:inline}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function outliner() {
var child =
document.all[event.srcElement.getAttribute("child",
false)]; if (null != child)
child.className = child.className == "collapsed" ?
"showed" : "collapsed";
}
</SCRIPT>
</HEAD>
<BODY>
<select CLASS="showed" ONCHANGE="outliner()" child="info">
<option value=1>1</option>");
<option value=2>2</option>");
</SELECT>
<DIV ID="info" CLASS="collapsed" ONCHANGE="outliner()" child="info1">
<SELECT NAME="MinDays" size=1>
<option value=11>11</option>");
<option value=12>12</option>");
</SELECT>
</DIV> <DIV ID="info1" CLASS="collapsed">
<SELECT NAME="MinDays1" size=1>
<option value=111>111</option>");
<option value=112>112</option>");
</SELECT>
</DIV>
</BODY>
</HTML>
|
|
|
|
|
Supreme Being
участник
Last Login: 29.05.2008 20:04
Сообщ.: 269,
Visits: 2 381
|
|
aikidzin (12.01.2007)
А почему с 3мя селектами не работает? <HTML>
<HEAD> <STYLE TYPE="text/css">
.collapsed {display:none}
.showed{display:inline}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function outliner() {
var child =
document.all[event.srcElement.getAttribute("child",
false)]; if (null != child)
child.className = child.className == "collapsed" ?
"showed" : "collapsed";
}
</SCRIPT>
</HEAD>
<BODY>
<select CLASS="showed" ONCHANGE="outliner()" child="info">
<option value=1>1</option>");
<option value=2>2</option>");
</SELECT>
<DIV ID="info" CLASS="collapsed" ONCHANGE="outliner()" child="info1">
<SELECT NAME="MinDays" size=1>
<option value=11>11</option>");
<option value=12>12</option>");
</SELECT>
</DIV> <DIV ID="info1" CLASS="collapsed">
<SELECT NAME="MinDays1" size=1>
<option value=111>111</option>");
<option value=112>112</option>");
</SELECT>
</DIV>
</BODY>
</HTML> У тебя всё почти правильно, ты чуть чуть промахнулся, ты написал вызов на выполнения обработки события не туда: <DIV ID="info" CLASS="collapsed" ONCHANGE="outliner()" child="info1"> <SELECT NAME="MinDays" size=1> надо было написать: <DIV ID="info" CLASS="collapsed">
<SELECT NAME="MinDays" size=1 ONCHANGE="outliner()" child="info1"> и всё теперь работает как нужно =))
----------------------------------
Я безработный...
Возьмите меня на работу. =)
|
|
|
|
|
новичок
участник
Last Login: 15.01.2007 16:14
Сообщ.: 4,
Visits: 7
|
|
|
|
|