二级连动菜单
源代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
//准备一级菜单数据
var delType=new Array();
delType[0]=new Array();
delType[0].push("一级选项A");
delType[0].push("A1");
delType[1]=new Array();
delType[1].push("一级选项B");
delType[1].push("B1");
//准备二级菜单数据
var delReas=new Array();
delReas[0]=new Array();
delReas[0].push("二级选项A");
delReas[0].push("A2");
delReas[0].push("A1");
delReas[1]=new Array();
delReas[1].push("二级选项B");
delReas[1].push("B2");
delReas[1].push("A1");
delReas[2]=new Array();
delReas[2].push("二级选项C");
delReas[2].push("C2");
delReas[2].push("B1");
</script>
</HEAD>
<BODY>
<select id="firstSel" onchange="selSecondSel(this)">
</select>
<select id="secondSel">
</select>
<script language="javascript">
//初始化一级菜单
var sel_Obj_f=document.getElementById("firstSel");
for(var i=0;i<delType.length;i++){
var oOption = document.createElement("OPTION");
sel_Obj_f.options.add(oOption);
oOption.innerText = delType[i][0];
oOption.value = delType[i][1];
if(i==0){
oOption.selected = "true";
}
}
//初始化二级菜单
selSecondSel(sel_Obj_f);
function selSecondSel(firstSel){
//取出一级菜单选择的是哪一个
var sel_Index = firstSel.selectedIndex;
var temp=firstSel.options[sel_Index].value;
//设置二级菜单
var sel_Obj_s=document.getElementById("secondSel");
sel_Obj_s.innerHTML="";
//alert(delReas.length);
for(var i=0;i<delReas.length;i++){
if(delReas[i][2]==temp){
var oOption = document.createElement("OPTION");
sel_Obj_s.options.add(oOption);
oOption.innerText = delReas[i][0];;
oOption.value = delReas[i][1];
}
}
}
</script>
</BODY>
</HTML>
分享到：
相关推荐
很好的效果，通过js实验下拉菜单二级连动
一个具有多项选择的二级连动菜单。代码有JAVASCRIPT写的。
非常不错的一个代码，希望对大家开发有好外， jQuery城市级联插件
本篇文章主要介绍了jquery基于layui实现二级联动下拉选择(省份城市选择)，具有一定的实用价值，需要的朋友可以参考下
选择一个商品大类，然后为商品小类填充数据，选择小类后则商品品牌列表会自动填充数据 项目是由Struts2+spring2+hibernate3构架 Struts2自带的只有二级连动下拉菜单，而且效率较低
选择一个商品大类，然后为商品小类填充数据，选择小类后则商品品牌列表会自动填充数据 项目是由Struts2+spring2+hibernate3构架 Struts2自带的只有二级连动下拉菜单，而且效率较低！
仿饿了么、京东，左右联动列表，仿商城联动View。滑到一个类型商品后，左边列表自动选中。左边点击某个类型商品，右边列表自动滑动到该类型商品。
二级连动下拉菜单（一级是省份，二级是城市，要求一级选中省份，二级城市对应出现） 步骤：1）基本框架（HTML）：两个复选框，而第二个复选框里面开始应该是没有选项的，注意第一个下拉框会作为事件源，通过 ...
* 按照面键 C → 1 → 0 → 7 → C 顺序，保持按 C/◇键 3 秒以上，SP 模式菜单将显示在 LCD 上。 二、如何退出 SP 模式 * 按 C 或 CANCEL 键一次或二次以上，返回到待机模式显示为止。 三、从 SP 模式进入复印...