最简单的四级联动下拉列表框

最新推荐文章于 2021-06-21 09:37:06 发布

csoft2008

最新推荐文章于 2021-06-21 09:37:06 发布

阅读量1.7k

点赞数

分类专栏： WEB开发示例代码文章标签： null javascript menu function 金山 c

本文链接：https://blog.csdn.net/csoft2008/article/details/259061

版权

WEB开发示例代码专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<BODY>
<SELECT NAME="s1"><option>需要JavaScript才能正确显示</SELECT>
<SELECT NAME="s2"></SELECT>
<SELECT NAME="s3"></SELECT>
<SELECT NAME="s4"></SELECT>

<SCRIPT LANGUAGE="JavaScript">
<!--

//选择框的名字
selector = [ "s1", "s2", "s3", "s4" ];

//选择项: "名字", "值", 子选择
menu = [
"地球","1",
[
"中国","86",
[
"北京","BJ",
   [
   "--","1",null
   ],
"四川","SC",
   [
   "成都","28",null,
   "乐山","",null,
   "攀枝花","",null,
   "自贡","",null,
   "德阳","",null,
   "绵阳","",null
   ]
],
"米国","1",
[
"加利福尼亚","CA",
   [
   "旧金山","1",null,
   "洛杉矶","2",null
   ],
"华盛顿","WA",
   [
   "西雅图","seattle",null
   ]
]
],
"火星","2",
[
"大峡谷","86",
[
"小山丘","BJ",
   [
   "A地区","28",null,
   "B地区","",null,
   "C地区","",null
   ]
]
]
];

function wizz(level)
{
if( level == 0 )
a = menu;
else
{
str = "menu";
for( i=0; i<level; i++ )
str += "[" + (document.all[selector[i]].selectedIndex * 3 + 2) + "]";
a = eval(str);
}
if( a == null ) return;

s = document.all[selector[level]];
i = s.length;
while( i > 0 ) s.options[--i] = null;
while( i < Math.floor(a.length/3) )
s.options[i] = Option( a[i*3], a[i++*3+1] );
s.onchange = Function("wizz(" + (level+1) + ")");
wizz(level+1);
}

wizz(0);

//-->
</SCRIPT>

</BODY>
</HTML>

csoft2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
最简单的四级联动下拉列表框

需要JavaScript才能正确显示 //选择框的名字selector = [ "s1", "s2", "s3", "s4" ]; //选择项: "名字", "值", 子选择menu = ["地球","1", [ "中国","86", [ "北京","BJ", [ "--","1",null ], "四川","SC", [ "成都","28",null
复制链接

扫一扫

专栏目录