当前位置：首页 -> 技术开发 -> Script -> 动态的下拉菜单

动态的下拉菜单

时间： 2021-07-31 作者：daque

底下是个动态的下拉菜单，在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>

动态的下拉菜单

相关推荐

推荐下载

热门阅览

最新排行