自己看看,修改修改,肯定能符合你的要求
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript> SubMenuinfo = new Array(
new Array(
new Array("1-1"),
new Array("1-2"),
new Array("1-3"),
new Array("1-4"),
new Array("1-5"),
new Array("1-6"),
new Array("1-7"),
new Array("1-8"),
new Array("1-9"),
new Array("1-10"),
new Array("1-11")
),
new Array(
new Array("2-1"),
new Array("2-2"),
new Array("2-3"),
new Array("2-4"),
new Array("2-5"),
new Array("2-6"),
new Array("2-7"),
new Array("2-8")
),
new Array(
new Array("3-1"),
new Array("3-2"),
new Array("3-3"),
new Array("3-4"),
new Array("3-5"),
new Array("3-6")
),
new Array(
new Array("4-1"),
new Array("4-2"),
new Array("4-3"),
new Array("4-4"),
new Array("4-5"),
new Array("4-6")
)
); function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;
for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
} else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) { for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
} selectCtrl.options[0].selected = true;
}
}
</SCRIPT> <title>2list drop down menu</title>
<style type="text/css">
</style> </head><BODY bgcolor="#FFFFFF" text="#000000">
<p align="center">
</p> <table width="550" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#F5F5F5">
<tr>
<td>
<form name="main" method="post" action="mailto:[email protected]">
<div align="center">
<select
onChange="if(this.selectedIndex<4)fillSelectFromArray(this.form.SubMenu, ((this.selectedIndex == -1) ? null : SubMenuinfo[this.selectedIndex-1])); else document.all.myspan.innerHTML='<input>';" name=MainMenu class="menu">
<option value=-1 selected>select type
<option value="type1">type 1
<option value="type2">type 2
<option value="type3">type 3
<option value="type4">type 4 </option>
</select>
<span id=myspan>
<select size=1 name=SubMenu class="menu">
<option>---------------</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
</span>
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table> </BODY>
</HTML>
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript> SubMenuinfo = new Array(
new Array(
new Array("1-1"),
new Array("1-2"),
new Array("1-3"),
new Array("1-4"),
new Array("1-5"),
new Array("1-6"),
new Array("1-7"),
new Array("1-8"),
new Array("1-9"),
new Array("1-10"),
new Array("1-11")
),
new Array(
new Array("2-1"),
new Array("2-2"),
new Array("2-3"),
new Array("2-4"),
new Array("2-5"),
new Array("2-6"),
new Array("2-7"),
new Array("2-8")
),
new Array(
new Array("3-1"),
new Array("3-2"),
new Array("3-3"),
new Array("3-4"),
new Array("3-5"),
new Array("3-6")
),
new Array(
new Array("4-1"),
new Array("4-2"),
new Array("4-3"),
new Array("4-4"),
new Array("4-5"),
new Array("4-6")
)
); function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;
for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
} else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) { for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
} selectCtrl.options[0].selected = true;
}
}
</SCRIPT> <title>2list drop down menu</title>
<style type="text/css">
</style> </head><BODY bgcolor="#FFFFFF" text="#000000">
<p align="center">
</p> <table width="550" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#F5F5F5">
<tr>
<td>
<form name="main" method="post" action="mailto:[email protected]">
<div align="center">
<select
onChange="if(this.selectedIndex<4)fillSelectFromArray(this.form.SubMenu, ((this.selectedIndex == -1) ? null : SubMenuinfo[this.selectedIndex-1])); else document.all.myspan.innerHTML='<input>';" name=MainMenu class="menu">
<option value=-1 selected>select type
<option value="type1">type 1
<option value="type2">type 2
<option value="type3">type 3
<option value="type4">type 4 </option>
</select>
<span id=myspan>
<select size=1 name=SubMenu class="menu">
<option>---------------</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
</span>
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table> </BODY>
</HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript> SubMenuinfo = new Array(
new Array(
new Array("1-1"),
new Array("1-2"),
new Array("1-3"),
new Array("1-4"),
new Array("1-5"),
new Array("1-6"),
new Array("1-7"),
new Array("1-8"),
new Array("1-9"),
new Array("1-10"),
new Array("1-11")
),
new Array(
new Array("2-1"),
new Array("2-2"),
new Array("2-3"),
new Array("2-4"),
new Array("2-5"),
new Array("2-6"),
new Array("2-7"),
new Array("2-8")
),
new Array(
new Array("3-1"),
new Array("3-2"),
new Array("3-3"),
new Array("3-4"),
new Array("3-5"),
new Array("3-6")
),
new Array(
new Array("4-1"),
new Array("4-2"),
new Array("4-3"),
new Array("4-4"),
new Array("4-5"),
new Array("4-6")
)
); function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt; if(document.main.MainMenu.value!="type4")
{
document.main.sel1.style.display = "";
document.main.sel2.style.display = "none"; for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
} else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) { for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
} selectCtrl.options[0].selected = true;
}
}
else
{
document.main.sel1.style.display = "none";
document.main.sel2.style.display = "";
}
}
</SCRIPT> <title>2list drop down menu</title>
<style type="text/css">
</style> </head><BODY bgcolor="#FFFFFF" text="#000000">
<p align="center">
</p> <table width="550" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#F5F5F5">
<tr>
<td>
<form name="main" method="post" action="collect.asp" target="_blank">
<div align="center" >
<select
onChange="fillSelectFromArray(this.form.SubMenu, ((this.selectedIndex == -1) ? null : SubMenuinfo[this.selectedIndex-1]));" name=MainMenu class="menu">
<option value=-1 selected>select type
<option value="type1">type 1
<option value="type2">type 2
<option value="type3">type 3
<option value="type4">type 4 </option> s
</select>
<select size=1 name=SubMenu class="menu" id=sel1 style="display:" >
<option>---------------</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
<input type="text" value="Submit it" name="submit" id=sel2 style="display:none">
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table> </BODY>
</HTML>