Hanno: dynamische selectauswahlmenus

Beitrag lesen

*g* , klau dir den Source von Ebay, die machen das da auch so :))
Nein nein, scherz beseite, hier mal ein kleines Beispieldokument:
------------------------------------------------------------------
<!doctype html public "-//W3C//DTD HTML 4.01 //EN">
<html>
<head>
<title></title>
<meta name="author" content="Hanno Becker">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<script type="text/javascript">
<!--
var active;
listen = new Array();
listen[0] = new Array();
listen[0][0] = "artikel1";
listen[0][1] = new Array("at1b1");
listen[1] = new Array();
listen[1][0] = "artikel2";
listen[1][1] = new Array("at2b1","at2b2");
listen[2] = new Array();
listen[2][0] = "artikel3";
listen[2][1] = new Array("at3b1","at3b2","at3b3");
listen[3] = new Array();
listen[3][0] = "artikel4";
listen[3][1] = new Array("at4b1","at4b2","at4b3","at4b4");

function drawBase()
{
   document.writeln("<select id='select_type_first' onchange='restore()'>");
   var i = 0;
   var count = 0;
   while(i<4)
   {
      document.writeln("<option value='" + listen[i][0] + "'>" + listen[i][0] + "</option>");
      if (listen[i].length > count)
         count = listen[i].length;

i++;
   }
   document.writeln("</select>");

document.writeln("<select name='select_type_second'></select>");

active = 0;
   restore();

}

function restore()
{
   active = document.getElementById("select_type_first").options.selectedIndex;
   var i = 0;
   for (i=0;i<document.getElementById("select_type_second").options.length;i++)
      document.getElementById("select_type_second").options[0] = null;
   for (i=0;i<listen[active][1].length;i++)
   {
      document.getElementById("select_type_second").options[document.getElementById("select_type_second").length] = new Option(listen[active][1][i],listen[active][1][i]);
   }
}

-->
</script>
</head>
<body>
<script type="text/javascript">
drawBase();
</script>
</body>
</html>
--------------------------------------------------------
Viel Spaß damit
Gruß
Hanno