PullDown Menü zweiteilig

dann

Dieser Teil des Scripts kommt in den Headbereich

<SCRIPT LANGUAGE="JavaScript">
<!--
v=false;
if (typeof(Option)+"" != "undefined") v=true;

if(v){a=new Array();aln=0;}
function getFormNum (formName) {
formNum =-1;
for (i=0;i<document.forms.length;i++){
tempForm = document.forms[i];
if (formName == tempForm) {
formNum = i;
correctForm = tempForm;
break;
}
}
return formNum;
}
function jmp(formName,elementNum) {
getFormNum(formName);
if (formNum>=0) {
with (document.forms[formNum].elements[elementNum]) {
i=selectedIndex;
if (i>=0) location=options[i].value;
}
}
}
function O(txt,url) {
a[k]=new Option(txt,url);k++;
}
function relate(formName,elementNum,j) {
if(v) {
k=1;
if(j==0) { // default category item
a=new Array();
O("Details","");
}

if(j==1) { // 1st category items
a=new Array();
O("Details","");
O("Äpfel","#");
O("Birnen","#");
O("Datteln","#");
O("Erdbeeren","#");
O("Feigen","#");
O("Marillen","#");
O("Ribisl","#");
O("Zwetschgen","#");
}

if(j==2) { // 2nd category items
a=new Array();
O("Details","");
O("Erdäpfel","#");
O("Karotten","#");
O("Rüben","#");
}

if(j==3) { // 3rd category items
a=new Array();
O("Details","");
O("Kalb","#");
O("Rind","#");
O("Schwein","#");
}

aln2=a.length;
getFormNum(formName);
if (formNum>=0) {
formNum = formNum + 1;
with (document.forms[formNum].elements[elementNum]) {
for (var i=options.length-1;i>0;i--) options[i]=null;
for (var i=1;i<aln2;i++) options[i-1]=a[i];
options[0].selected=true;
}
}
} else {
jmp(formName,elementNum);
}
}
// End -->
</SCRIPT>

Dieser Teil des Scripts kommt in den Bodybereich
<table border=0 align="center">
<tr valign=top>
<TD align=center>
<form name=f1 method=post action="" onSubmit="return false;">
<select name=m1 onChange="relate(this.form,0,this.selectedIndex); document.f2.m2.focus();">
<option value="/">wähle Kategorie
<option value="/">Obst
<option value="/">Gemüse
<option value="/">Fleisch
</select>
</form>
</td>
<td align=center> <b>dann</b> </td>
<td>
<form name=f2 method=post action="" onsubmit="return false;">
<select name="m2" onchange="jmp(this.form,0)">
<option value="/">Details
<!--

Put a blank item (like below) for the MAXIMUM
number of items in one of your categories.
i.e. If your "largest" menu contains 5 items,
include 5 blank lines here. For 10, include
10, and so on.

-->
<option value="/">
<option value="/">
<option value="/">
<option value="/">
<option value="/">
<option value="/">
<option value="/">
<option value="/">
<option value="/">
</select>
</form>
</td>
</tr>
</table>