Задача следующая:
в зависимости от выбора в одном элементе SELECT должно меняться количество OPTION в другом элементе SELECT. Т.е. если в "select_1" выбрано 2, то в "select_2" должны добавляться 2 новые<option> и т.д. Делаю так:

Код

<body> <script language="JavaScript"> <!-- function DisplaySel2(Value) {    var Sel2=new Array();                Sel2[0]=new Array ("0");                Sel2[1]=new Array ("1","2");                Sel2[2]=new Array ("3","4");                Sel2[3]=new Array ("5","6");        var Element='<SELECT NAME="select_2">';    for ( var i=0; i<=Value; i++)        {   for (var j=0; j<Sel2[i].length; j++)                {      Element+='<OPTION value="'+Sel2[i][j]+'">'+Sel2[i][j];                }        }        Element+='</select>';        document.getElementById('container').innerHTML=Element; } <!-- --> </script> <FORM> <SELECT NAME="select_1" OnChange="DisplaySel2(this.value)">                    <OPTION selected value="0">0                    <OPTION value="1">1                    <OPTION value="2">2                    <OPTION value="3">3 </select> <span id=container></span> <SELECT NAME="select_2">                    <OPTION selected value="0">0                    <OPTION value="1">1                    <OPTION value="2">2 </select> <!-- --> </FORM> </body>

Проблема в том, что при первом вызове функция добавляет новый элемент "select_2", а старый "select_2", который нарисован в форме, конечно, тоже остается. В итоге селектов на форме получается 3. Беда : (( А использовать первый вызов при загрузке странички (OnLoad) не хотелось бы. Можно как-то по-другому ? Я пыталась добавить знаки комментария, чтоб закомментировать старый "select_2", но почему-то не вышло.

Уже знаю : )) Просто вызвать функцию из тела документа. : )