HTML中怎么用JAVASCRIPT实现三级联动菜单
日期：2014-05-17 浏览次数：20741 次
HTML中如何用JAVASCRIPT实现三级联动菜单？
如题目！
我想在HTML中用JAVASCRIPT实现三级联动菜单，但是我只写出来了两级，不知道第三级该怎么写！我写了三级子菜单，但是不知道如何显示出来！
请给出详细的代码！
谢谢了！
------解决方案--------------------
javascript实现的省市县,三级联动菜单,源代码如下：
<html>
<head>
<title> 省市县关联菜单--blog.csdn.net/zhaoxiaoyang5156 </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<meta name= "Generator " content= "EditPlus ">
<meta name= "Description " content= "此程序为简单的省市县关联下拉菜单，有问题请往www.w3sky.com发信 ">
<style>
body,select
{
font-size:9pt;
font-family:Verdana;
}
a
{
color:red;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
</style>
<SCRIPT LANGUAGE= "JavaScript ">
<!--
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined ") return false;
return true;
}
function change(v){
var str= "0 ";
for(i=0;i <v;i++){ str+=( "_ "+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex> 0 || !v)
{
if(dsy.Exists(str)){
ar = dsy.Items[str];
for(i=0;i <ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v <s.length){change(v);}
}
}
var dsy = new Dsy();
dsy.add( "0 ",[ "安徽 ", "北京 ", "福建 ", "甘肃 "]);
dsy.add( "0_0 ",[ "安庆 ", "蚌埠 ", "巢湖 ", "池州 ", "滁州 ", "阜阳 ", "合肥 ", "淮北 ", "淮南 ", "黄山 ", "六安 ", "马鞍山 ", "宿州 ", "铜陵 ", "芜湖 ", "宣城 ", "亳州 "]);
dsy.add( "0_0_0 ",[ "安庆市 ", "怀宁县 ", "潜山县 ", "宿松县 ", "太湖县 ", "桐城市 ", "望江县 ", "岳西县 ", "枞阳县 "]);
dsy.add( "0_0_1 ",[ "蚌埠市 ", "固镇县 ", "怀远县 ", "五河县 "]);
dsy.add( "0_0_2 ",[ "巢湖市 ", "含山县 ", "和县 ", "庐江县 ", "无为县 "]);
dsy.add( "0_0_3 ",[ "池州市 ", "东至县 ", "青阳县 ", "石台县 "]);
dsy.add( "0_0_4 ",[ "滁州市 ", "定远县 ", "凤阳县 ", "来安县 ", "明光市 ", "全椒县 ", "天长市 "]);
dsy.add( "0_0_5 ",[ "阜南县 ", "阜阳市 ", "界首市 ", "临泉县 ", "太和县 ", "颖上县 "]);
dsy.add( "0_0_6 ",[ "长丰县 ", "肥东县 ", "肥西县 "]);
dsy.add( "0_0_7 ",[ "淮北市 ", "濉溪县 "]);
dsy.add( "0_0_8 ",[ "凤台县 ", "淮南市 "]);
dsy.add( "0_0_9 ",[ "黄山市 ", "祁门县 ", "休宁县 ", "歙县 ", "黟县 "]);
dsy.add( "0_0_10 ",[ "霍邱县 ", "霍山县 ", "金寨县 ", "六安市 ", &quo
如题目！
我想在HTML中用JAVASCRIPT实现三级联动菜单，但是我只写出来了两级，不知道第三级该怎么写！我写了三级子菜单，但是不知道如何显示出来！
请给出详细的代码！
谢谢了！
------解决方案--------------------
javascript实现的省市县,三级联动菜单,源代码如下：
<html>
<head>
<title> 省市县关联菜单--blog.csdn.net/zhaoxiaoyang5156 </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<meta name= "Generator " content= "EditPlus ">
<meta name= "Description " content= "此程序为简单的省市县关联下拉菜单，有问题请往www.w3sky.com发信 ">
<style>
body,select
{
font-size:9pt;
font-family:Verdana;
}
a
{
color:red;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
</style>
<SCRIPT LANGUAGE= "JavaScript ">
<!--
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined ") return false;
return true;
}
function change(v){
var str= "0 ";
for(i=0;i <v;i++){ str+=( "_ "+(document.getElementById(s[i]).selectedIndex-1));};
var ss=document.getElementById(s[v]);
with(ss){
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex> 0 || !v)
{
if(dsy.Exists(str)){
ar = dsy.Items[str];
for(i=0;i <ar.length;i++)options[length]=new Option(ar[i],ar[i]);
if(v)options[1].selected = true;
}
}
if(++v <s.length){change(v);}
}
}
var dsy = new Dsy();
dsy.add( "0 ",[ "安徽 ", "北京 ", "福建 ", "甘肃 "]);
dsy.add( "0_0 ",[ "安庆 ", "蚌埠 ", "巢湖 ", "池州 ", "滁州 ", "阜阳 ", "合肥 ", "淮北 ", "淮南 ", "黄山 ", "六安 ", "马鞍山 ", "宿州 ", "铜陵 ", "芜湖 ", "宣城 ", "亳州 "]);
dsy.add( "0_0_0 ",[ "安庆市 ", "怀宁县 ", "潜山县 ", "宿松县 ", "太湖县 ", "桐城市 ", "望江县 ", "岳西县 ", "枞阳县 "]);
dsy.add( "0_0_1 ",[ "蚌埠市 ", "固镇县 ", "怀远县 ", "五河县 "]);
dsy.add( "0_0_2 ",[ "巢湖市 ", "含山县 ", "和县 ", "庐江县 ", "无为县 "]);
dsy.add( "0_0_3 ",[ "池州市 ", "东至县 ", "青阳县 ", "石台县 "]);
dsy.add( "0_0_4 ",[ "滁州市 ", "定远县 ", "凤阳县 ", "来安县 ", "明光市 ", "全椒县 ", "天长市 "]);
dsy.add( "0_0_5 ",[ "阜南县 ", "阜阳市 ", "界首市 ", "临泉县 ", "太和县 ", "颖上县 "]);
dsy.add( "0_0_6 ",[ "长丰县 ", "肥东县 ", "肥西县 "]);
dsy.add( "0_0_7 ",[ "淮北市 ", "濉溪县 "]);
dsy.add( "0_0_8 ",[ "凤台县 ", "淮南市 "]);
dsy.add( "0_0_9 ",[ "黄山市 ", "祁门县 ", "休宁县 ", "歙县 ", "黟县 "]);
dsy.add( "0_0_10 ",[ "霍邱县 ", "霍山县 ", "金寨县 ", "六安市 ", &quo
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
