Sascha: Drop-down

Hallo,

ich hab mal wieder ein Problem... und zwar ich möchte meine Drop-Downfelder Dynamisch gestalten... das klappt ja auch soweit. Nur möchte ich weitere Felder dynamisch haben ohne das die vorherigen Felder im Formular davon berührt werden. wie schreibe ich das script am besten? so wie ich es jetzt habe komme ich wohl nicht sehr weit oder?

vielen dank

Sascha

p.s.:Ich habe hier unten mal einen kleinen Auszug...bisschen kraut und rüben weil ich es durch ein PHP-script die html seite generieren lasse.....

<select name="stage1" size="1" onChange="redirect(this.options.selectedIndex)">
<option value="Windows" >Windows</option><option value="SunOS" >SunOS</option><option value="SuSe-Linux" >SuSe-Linux</option></select>
<td width="25%">
<select name="stage2" size="1">
<option value="95">95</option>
<option value="NT4.0 Workstation">NT4.0 Workstation</option>
<option value="NT4.0 Server">NT4.0 Server</option>
<option value="98">98</option>
<option value="98 SE">98 SE</option>
<option value="ME">ME</option>
<option value="2000 Pro.">2000 Pro.</option>
<option value="2000 Server">2000 Server</option>
<option value="XP HomeEdit">XP HomeEdit</option>
<option value="XP Pro.Edit">XP Pro.Edit</option>
</select>
<td width="25%">
<script  LANGUAGE="JAVASCRIPT1.2">
<!--
var groups=document.host.stage1.length
var auswahl=new Array(groups)
for (i=0; i<groups; i++)
auswahl[i]=new Array()
auswahl[0][0]=new Option("95","95");
auswahl[0][1]=new Option("NT4.0 Workstation","NT4.0 Workstation");
auswahl[0][2]=new Option("NT4.0 Server","NT4.0 Server");
auswahl[0][3]=new Option("98","98");
auswahl[0][4]=new Option("98 SE","98 SE");
auswahl[0][5]=new Option("ME","ME");
auswahl[0][6]=new Option("2000 Pro.","2000 Pro.");
auswahl[0][7]=new Option("2000 Server","2000 Server");
auswahl[0][8]=new Option("XP HomeEdit","XP HomeEdit");
auswahl[0][9]=new Option("XP Pro.Edit","XP Pro.Edit");
auswahl[1][0]=new Option("Solaris ver. 4.0","Solaris ver. 4.0");
auswahl[2][0]=new Option("6.2","6.2");
var temp=document.host.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<auswahl[x].length;i++){
temp.options[i]=new Option(auswahl[x][i].text,auswahl[x][i].value)
}
temp.options[0].selected=true
}
//-->
</script>
            </td>
         </tr>
      </table>

<hr size="1" align=left width="548" noshade>
      <table border="0" width=548>
       <caption><b>Lokalisierung</b></caption>
        <tr>
         <td width=25%>Standort:</td>
         <td align=left>
  <select name="stageA" size="1" onChange="redirect(this.options.selectedIndex)">
<option value="Emden">Emden</option><option value="Wilhelmshaven">Wilhelmshaven</option><option value="Oldenburg">Oldenburg</option><option value="Elsfleth">Elsfleth</option><option value="Leer">Leer</option></select>
  </td>
         </td>
         <td width=25%></td>
         <td width=25%></td>
        </tr>
        <tr>
         <td width=25%>Gebäudename:</td>
         <td width=25%>
          <select name="buildingname">
           <option value="Hauptgebäde">Hauptgebäude</option>
           <option value="Südgebäde">Südgebäude</option>
          </select>
         </td>
        </tr>
        <tr>
         <td width=25%>Raumnummer:</td>
         <td width=25%><input type="text" name="roomno"></td>
        </tr>
        <tr>
         <td width=25%>Racknummer:</td>
         <td width=25%><input type="text" name="rackno"></td>
        </tr>
       </table>

zu sehen unter http://139.13.25.24/test/index.php

  1. Ich bin's nochmal

    <select name="stage1" size="1" onChange="redirect(this.options.selectedIndex)">
    <option value="Windows" >Windows</option><option value="SunOS" »» function redirect(x){

    <select name="stageA" size="1" onChange="redirect(this.options.selectedIndex)">

    zu sehen unter http://139.13.25.24/test/index.php

    liegt es vielleciht daran, dass ich zweimal sage "(this.options.selectedIndex)"?