Есть такой список:

Код

<select multiple size="6" name="vibor_3">     <option value="1">1</option>     <option value="2">2</option>     <option value="3">3</option>     <option value="4">4</option>     <option value="5">5</option> </select>

Можно ли сделать так что бы от выделенной строки (1-5) загорались для ввода информации поле тект (<input type="text">).

Т.е. выделена 1 можно вводить текст в 2 поля, выделена 2 можно вводить текст в 4 поля,…

Можно. Например используя аттрибут тэгов innerHTML

Я совсем не силен в JavaScripts, можно помочь с кодом?

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head><title></title> </head> <body> <form id="form1" action="#"> <select name="vibor_3" onChange="createInput(this.options[this.selectedIndex].value);"> <option selected>&nbsp;</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <br /> </form> <script type="text/javascript">  var check = 0;  var form1 = document.getElementById('form1');  function createInput(sel_ind) {    if (check != 0) {       for (var j=1; j<=check*2; j++) {         form1.removeChild(form1.lastChild);      }    }    var num = sel_ind * 2;    var inputs = new Array(num);    for (var i=1; i<=num; i++) {      inputs[i] = document.createElement("input");      var attr = document.createAttribute("type");      attr.nodeValue = "text";      inputs[i].setAttributeNode(attr);      form1.appendChild(inputs[i]);      var br = document.createElement("br");      form1.appendChild(br);    }    check = num;      } </script> </body> </html>

Не совсем так.
мне каждому полю надо будет задать переменную, но этот уже в php
Мне надо что бы поля уже были, но писать в том или в другом поле можно было только при выборе определенной категории, например, при выборе 1 я могу писать в 1 и в 3 поле, при выборе 2 в 1 , в 2 и 3, ...

Igor_CH
Ты напиши HTML код формы тогда, ты же написал только select, а про input ты не сказал, что он уже есть. Если есть - напиши.
И закономерность объясни - тут геометрическая прогрессия?
Выделена 1 селект - 2 инпута
2 селекта - 4 инпута... потом будет 3 - 6...4 - 8 и т.д.?

Igor_CH, нужно сразу правильно ставить вопрос, а то лениво писать то, что не нужно

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head><title></title> </head> <style type="text/css">  input { display: none; } </style> <body> <form id="form1" action="#"> <select name="vibor_3" onChange="function1(this.options[this.selectedIndex].value);"> <option selected>&nbsp;</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <br /> <input type="text" id="t1" name="<? /*your name*/ ?>" value="1"><br /> <input type="text" id="t2" name="<? /*your name*/ ?>" value="2"><br /> <input type="text" id="t3" name="<? /*your name*/ ?>" value="3"><br /> <input type="text" id="t4" name="<? /*your name*/ ?>" value="4"><br /> <input type="text" id="t5" name="<? /*your name*/ ?>" value="5"><br /> <input type="text" id="t6" name="<? /*your name*/ ?>" value="6"><br /> <input type="text" id="t7" name="<? /*your name*/ ?>" value="7"><br /> <input type="text" id="t8" name="<? /*your name*/ ?>" value="8"><br /> <input type="text" id="t9" name="<? /*your name*/ ?>" value="9"><br /> <input type="text" id="t10" name="<? /*your name*/ ?>" value="10"><br /> </form> <script type="text/javascript">  function function1 (sel_ind) {    if (sel_ind == 1) {       document.getElementById('t1').style.dispay="inline";      document.getElementById('t3').style.dispay="inline"; // и так можешь задать видимость любому полю      }    if (sei_ind == 2) {       ...      }    if (sei_ind == 3) {       ...      }    if (sei_ind == 4) {       ...      }    if (sei_ind == 5) {       ...      }  } </script> </body> </html>

Это сообщение отредактировал(а) o.s.a. - 2.9.2005, 17:51

o.s.a. да правильно понял меня. При выборе появляется то или иное поле, так при выборе 1 по твоему коду должно появлятся поле t1 и t3. Но почемуто не появляется ошибка: t1 - определение отсутствует.

Опечатка, в 33 и 34 строках «getElementBuId», а нужно getElementById

Так тоже пробывал.
Все ровно таже ошибка.

В той же строчке надо t1 брать в ковычки (опечатка)

Код

document.getElementById('t1').style.dispay="inline";

вот получился такой код:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head><title></title> </head> <style type="text/css">  input { display: none; } </style> <body> <form id="form1" action="#"> <select name="vibor_3" onChange="function1(this.options[this.selectedIndex].value);"> <option selected>&nbsp;</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <br /> <input type="text" id="t1" name="<? /*your name*/ ?>" value="1"><br /> <input type="text" id="t2" name="<? /*your name*/ ?>" value="2"><br /> <input type="text" id="t3" name="<? /*your name*/ ?>" value="3"><br /> <input type="text" id="t4" name="<? /*your name*/ ?>" value="4"><br /> <input type="text" id="t5" name="<? /*your name*/ ?>" value="5"><br /> <input type="text" id="t6" name="<? /*your name*/ ?>" value="6"><br /> <input type="text" id="t7" name="<? /*your name*/ ?>" value="7"><br /> <input type="text" id="t8" name="<? /*your name*/ ?>" value="8"><br /> <input type="text" id="t9" name="<? /*your name*/ ?>" value="9"><br /> <input type="text" id="t10" name="<? /*your name*/ ?>" value="10"><br /> </form> <script type="text/javascript">  function function1 (sel_ind) {    if (sel_ind == 1) {       document.getElementById('t1').style.dispay="inline;      //document.getElementById('t3').style.dispay="inline"; // и так можешь задать видимость любому полю      }    if (sel_ind == 2) {       document.getElementById('t1').style.dispay="inline";      document.getElementById('t4').style.dispay="inline";       }    if (sel_ind == 3) {       document.getElementById('t1').style.dispay="inline";      document.getElementById('t5').style.dispay="inline";       document.getElementById('t4').style.dispay="inline";       }    if (sel_ind == 4) {       document.getElementById('t2').style.dispay="inline";      document.getElementById('t3').style.dispay="inline";       document.getElementById('t4').style.dispay="inline";       }    if (sel_ind == 5) {       document.getElementById('t2').style.dispay="inline";      document.getElementById('t10').style.dispay="inline";       document.getElementById('t1').style.dispay="inline";      document.getElementById('t5').style.dispay="inline";       }  } </script> </body> </html>

Но нет ни ошибок, ни полей, есть только форма выбора.

А подсветка на что тебе? Только чтобы цветной текст был?
Ну видно же что в 34 строчке комментарии лишние...

Комментарии убрал. Пишет: Ошибка в 10 строке предполагается налие объекта

И зачем так париться...?

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head><title></title> </head> <style type="text/css">  input { display: none; } </style> <body> <form id="form1" action="#"> <select name="vibor_3" onChange="showInputs(this.options[this.selectedIndex].value);">   <option selected="selected">&nbsp;</option>   <option value="1">1</option>   <option value="2">2</option>   <option value="3">3</option>   <option value="4">4</option>   <option value="5">5</option> </select> <br /> <fieldset id='fields'><legend>Inputs:</legend> <input type="text" id="t1" name="<? /*your name*/ ?>" value="1"><br /> <input type="text" id="t2" name="<? /*your name*/ ?>" value="2"><br /> <input type="text" id="t3" name="<? /*your name*/ ?>" value="3"><br /> <input type="text" id="t4" name="<? /*your name*/ ?>" value="4"><br /> <input type="text" id="t5" name="<? /*your name*/ ?>" value="5"><br /> <input type="text" id="t6" name="<? /*your name*/ ?>" value="6"><br /> <input type="text" id="t7" name="<? /*your name*/ ?>" value="7"><br /> <input type="text" id="t8" name="<? /*your name*/ ?>" value="8"><br /> <input type="text" id="t9" name="<? /*your name*/ ?>" value="9"><br /> <input type="text" id="t10" name="<? /*your name*/ ?>" value="10"><br /> </fieldset> </form> <script type="text/javascript">  //открываемые элементы, где слева значение селекта, а справа список инпутов  var patterns={   '~1':['t1'],   '~2':['t1', 't4'],   '~3':['t1', 't4', 't5'],   '~4':['t2', 't3', 't4'],   '~5':['t1', 't2', 't5', 't10']  };    function showInputs(sel_ind) {     if(!patterns['~'+sel_ind]) return alert('Wrong select value!');     //hidde all     var inp=document.getElementById('fields').getElementsByTagName('INPUT');     for(var i=0; i<inp.length; i++) inp[i].style.display='none';     //show selected     var pat=patterns['~'+sel_ind], el;     for(var i=0; i<pat.length; i++) {       if((el=document.getElementById(pat[i]))==null) return alert("Element '"+pat[i]+"' doesn't exists!");       el.style.display='inline';     }  } </script> </body> </html>

Igor_CH учитесь находить ошибки в программе, синтаксические находит за вас парсер