Felix Riesterer: Abhänige Dropdownlisten

Beitrag lesen

SELF-Forum

Abhänige Dropdownlisten

Felix Riesterer
– Informationen zu den Bewertungsregeln

Liebe(r) mgoertz,

in Deiner Seite sehe ich ein verschachteltes <form>-Tag. Das ist böse, böse, böse! Dir reicht ein einziges <form>. Wirklich.

Meine Empfehlung bezüglich "objekt.options[]=wert;" muss ich zurücknehmen. Das habe ich mit PHP verwechselt. Da kann man sowas machen. Mea maxima culpa.

Nun erlaube ich mir Deinen Code etwas verfeinert zurück zu posten.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
 <title>TITEL</title>  
 <link rel="stylesheet" type="text/css" href="includes/style.css">  
 <script type="text/javascript">

 var liste2 = new Array();  
  
 liste2 =  
 [  
  [1, 'Webapplication', 1],  
  [2, 'Homepageskripte', 1],  
  [3, 'Webapplication', 2],  
  [4, 'Intranet', 2],  
  [5, 'Homepage', 2],  
  [6, 'Intranet', 1],  
  [7, 'Schulungsunterlagen', 2]  
 ];  
  
 function update_drp2()  
     {  
     var x = document.frm_auswahl.drp2.length;  
     for(var n=0; n<x; n++) document.frm_auswahl.drp2.options[0]=null;  
     for(n=0; n<liste2.length; n++)  
        {  
        if(liste2[n][2]==document.frm_auswahl.drp1.value)  
           {  
           var NeuerEintrag=new Option(liste2[n][1], liste2[n][0]);  
           document.frm_auswahl.drp2.options[document.frm_auswahl.drp2.length] = NeuerEintrag;  
           }  
        }  
     }

 </script>  
</head>  
  
<body onload="update_drp2();">  
<form name="frm_auswahl" action="" method="post">  
  <table width="90%" bgcolor="#0000CC" border="0" cellpadding="5" cellspacing="1" align="center">  
  
  <tr>  
 <td colspan="3" class="tableheader"><div align="left">Artikel anlegen</div></td>  
 </tr>  
   <tr>  
 <td width="30%" bgcolor="#e7e7e7" class="td"><span align="left">Gruppe</span></td>  
 <td width="70%" colspan="2" bgcolor="#ffffff"><span align="left">  
 <select name="drp1" size="1" onChange="update_drp2()" class="input" style="WIDTH: 300px">  
  <option value="1">Dienstleistung</option>  
  <option value="2">Software</option>  
 </select></span></td>  
   </tr>  
   <tr>  
 <td width="30%" bgcolor="#e7e7e7" class="td"><div align="left">Art</div></td>  
 <td width="70%" colspan="2" bgcolor="#ffffff"><div align="left">  
  
 <select name="drp2" size="1" class="input" style="WIDTH: 300px">  
  <option>Start</option>  
 </select>  
 </td>  
   </tr>  
   <tr>  
 <td width="30%" bgcolor="#e7e7e7" class="td"><div align="left">Bezeichnung</div></td>  
  
 <td width="70%" colspan="2" bgcolor="#ffffff"><div align="left"><input style="WIDTH: 300px" tabindex=4  type="text" name="bezeichnung1" class="input"></div></td>  
   </tr>  
   <tr>  
 <td width="30%" bgcolor="#e7e7e7" class="td"><div align="left">Menge</div></td>  
 <td width="70%" colspan="2" bgcolor="#ffffff"><div align="left"><input style="WIDTH: 100px" tabIndex=5 type="text" name="menge1" class="input"></div></td>  
   </tr>  
   <tr>  
 <td width="30%" bgcolor="#e7e7e7" class="td"><div align="left">Einheit</div></td>  
  
 <td width="70%" colspan="2" bgcolor="#ffffff"><div align="left"><input style="WIDTH: 100px" tabIndex=6 type="text" name="einheit1" class="input"></div></td>  
   </tr>  
    <tr>  
 <td width="30%" bgcolor="#e7e7e7" class="td"><div align="left">Mehrwertsteuersatz [%]</div></td>  
 <td width="70%" colspan="2" bgcolor="#ffffff"><div align="left"><input style="WIDTH: 90px" tabIndex=7 type="text" name="mwst_satz1" class="inputkann"></div></td>  
   </tr>  
   <tr>  
 <td width="30%" bgcolor="#e7e7e7" class="td"><div align="left">Status</div></td>  
  
 <td width="70%" colspan="2" bgcolor="#ffffff"><div align="left"><input name="gueltig1" type="checkbox" class="input_kann" id="status" checked="checked"></div></td>  
   </tr>  
   <tr>  
 <td colspan="3" class="tableheader"><div align="center"><input type="submit" name="senden" value="Anlegen" tabIndex=12 class="button"></div></td>  
   </tr>  
</table>  
</form>  
</body>  
</html>

Liebe Grüße aus Ellwangen,

Felix Riesterer.

Beitrag melden
–
Informationen zu den Bewertungsregeln