动态的下拉菜单

原创 2004年09月15日 12:10:00
动态的下拉菜单

原作者:追风                  人气:90
下面是个动态的下拉菜单,在A选单内选择主分类后B选单会列出对应的子级菜单。 
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>

Excel图表制作(二):下拉菜单实现动态图表

下拉菜单实现动态图表 使用名称管理器和index()函数实现数据动态选择,本例中的数据为1-6月份工作时间分配表,主要包括测试执行,自我学习,会议和其他三类数据。 使用下拉菜单动态选择月份: ...
  • tszhanghaihui
  • tszhanghaihui
  • 2016年01月21日 10:07
  • 1471

几种常用的下拉列表的动态加载和选中写法

前端开发中,常用的几种下拉框方式,包括:easyui中的combobox,combo,html中的select标签,struts2标签:。下面是我总结的这几种下拉框的动态加载和动态选中的写法,以防后面...
  • m0_37266740
  • m0_37266740
  • 2017年04月28日 11:11
  • 1331

UGUI制作动态的下拉列表

也就是下拉列表中的下拉选项不是写死的,而是在程序中动态的产生下拉列表实现很简单: 下面就看程序的了看看从服务器取过来的json{'fg':["中式","混搭","田园","地中海","现代","欧式...
  • qq_15267341
  • qq_15267341
  • 2016年09月18日 20:43
  • 2239

MVC中动态绑定下拉菜单

需求:从数据库中读取权限表的所有下拉菜单列表
  • u013035612
  • u013035612
  • 2015年08月28日 19:49
  • 933

Excel图表制作(二):单选框和下拉菜单组合完成动态图

现有下表所示数据:  制作成静态图表是这样的:  如何制作下图所示的动态图表呢?  制作方法:     第1步:找思...
  • tszhanghaihui
  • tszhanghaihui
  • 2016年01月21日 10:26
  • 2584

iosSelect插件 H5中实现iOS的select下拉联动效果

简要说明官网:http://zhoushengfe.com/iosselect/website/index.html 下载:在官网点击 github 菜单项就可以下载此插件。下载好后可以看到两个文件...
  • chenxueshanBlog
  • chenxueshanBlog
  • 2017年12月21日 15:09
  • 87

jQuery动态添加下拉列表选项

不说了,直接上代码: "> My JSP 'MyJsp.jsp'
  • ZZY1078689276
  • ZZY1078689276
  • 2015年10月23日 15:04
  • 3375

js实现下拉菜单

效果:平时在网页上经常会看到导航栏在鼠标经过时,字体颜色和背景会改变,然后会显示下拉菜单。 原理:js实现在鼠标经过时,改变字体的颜色和背景,然后下拉菜单显示。一般情况下,下拉菜单处于隐藏的状态。 ...
  • liuwengai
  • liuwengai
  • 2016年06月09日 16:51
  • 2059

DOM-动态创建表格和动态添加下拉列表框实例

.html代码如下: 表格单元格对齐 .r1{background:#fba} .r2{background:#ccc} function createTable(row,...
  • yayun0516
  • yayun0516
  • 2014年11月29日 11:56
  • 1637

Excel制作三级动态下拉菜单

先定义以下名称 一级菜单:版本号 二级菜单:型号 三级菜单:色号      名称 版本号 版本35号 版本36号 内容 版本32号 型号3501 型号...
  • gufengaoyue
  • gufengaoyue
  • 2013年11月15日 16:37
  • 650
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态的下拉菜单
举报原因:
原因补充:

(最多只允许输入30个字)