|
下面是個動態的下拉菜單，在A選單內選擇主分類后B選單會列出對應的子級菜單。
把<Script language=JavaScript>......</Script>內的程序放入<head>.....</head>之間：
<SCRIPT language=JavaScript>
SubMenuinfo = new Array(
new Array(
new Array("產品1-1", 39482304),
new Array("產品1-2", 34802389),
new Array("產品1-3", 39823498),
new Array("產品1-4", 87587343),
new Array("產品1-5", 68798735),
new Array("產品1-6", 98098509),
new Array("產品1-7", 49490583),
new Array("產品1-8", 32898334),
new Array("產品1-9", 92340934),
new Array("產品1-10", 34923409),
new Array("產品1-11", 59384093)
),
new Array(
new Array("產品2-1", 23840238),
new Array("產品2-2", 92390484),
new Array("產品2-3", 29048203),
new Array("產品2-4", 94098230),
new Array("產品2-5", 39234923),
new Array("產品2-6", 29345423),
new Array("產品2-7", 24890234),
new Array("產品2-8", 92349823)
),
null,
//主分類3沒有子分類,用null;
new Array(
new Array("產品4-1", 20394802),
new Array("產品4-2", 34982039),
new Array("產品4-3", 92348902),
new Array("產品4-4", 98203894),
new Array("產品4-5", 98234902),
new Array("產品4-6", 52938409)
)
);
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>
在表單內加入下列內容：
<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>選擇產品分類
<option value="分類1">產品分類1
<option value="分類2">產品分類2
<option value="分類3">產品分類3
<option value="分類4">產品分類4 </option>
</select>
<select size=1 name=SubMenu class="menu">
<option>---------------</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
<input type="submit" value="Submit it" name="submit">
</div>
</form>
|
