0顶

三级下拉菜单 (通用版)

稿源：互联网 2022-04-04 16:14:31 点击： 1833 撤稿纠错

各式各样的三级下来列表，难得一见的非常全面！

以下讨论的是和菜单下拉相关的三级下拉菜单 (通用版) 教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<title>阿里西西网页特效演示， 三级下拉菜单 (通用版)</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>
<body>

<SCRIPT LANGUAGE="JavaScript">
<!--
function CreateSelect(_FormName,_SName,_SValue,_Ds,_AllOptionStr,ShowType)
{
	//三级关链菜单通用版
	//作者:海娃， 有问题请到http://www.51windows.Net留言。
	if (_FormName=="")
		_FormName = "all"
	var _DsArr = _Ds.split("|")
	var _Ds1,_Ds2,_Ds3
	var _Ds1 = _DsArr[0]
	var _Ds2 = (_DsArr.length>1)?_DsArr[1]:_DsArr[0]
	var _Ds3 = (_DsArr.length>2)?_DsArr[2]:_DsArr[0]

var _SNameArr = _SName.split("|")
	var _SName1,_SName2,_SName3
	var _SName1 = _SNameArr[0]
	var _SName2 = (_SNameArr.length>1)?_SNameArr[1]:_SNameArr[0]
	var _SName3 = (_SNameArr.length>2)?_SNameArr[2]:_SNameArr[0]

var _SValueArr = _SValue.split("|")
	var _SValue1,_SValue2,_SValue3
	var _SValue1 = _SValueArr[0]
	var _SValue2 = (_SValueArr.length>1)?_SValueArr[1]:_SValueArr[0]
	var _SValue3 = (_SValueArr.length>2)?_SValueArr[2]:_SValueArr[0]

if (ShowType==3){
		_AllOptionStr = _AllOptionStr.replace(/((/ig,"(("+_Ds3+"^")
		_AllOptionStr = _AllOptionStr.replace(/{{/ig,"{{"+_Ds2+"(("+_Ds3+"**")
	}
	else if(ShowType==2){
		_AllOptionStr = _AllOptionStr.replace(/{{/ig,"{{"+_Ds2+"(("+_Ds3+"**")
	}
	else if(ShowType==1){
		_AllOptionStr = _AllOptionStr.replace(/((/ig,"(("+_Ds3+"^")
	}
	var AllStr = _Ds1 + "{{"+ _Ds2 + "(("+ _Ds3 +"||"+_AllOptionStr
	//alert(AllStr)
	var _AR0 = AllStr.split("||");
	document.writeln("<select name="" + _SName1 + "" size="1" onChange=""+_SName1+"redirect(this.options.selectedIndex)">");
	for (var i1 = 0;i1 < _AR0.length;i1++)
	{
		var Area1Str = _AR0[i1];
		var _AR10 = Area1Str.split("{{");
		var _AR11 = _AR10[0].split("@");
		var Tstr1 = _AR11[0];
		var Vstr1 = (_AR11.length==2)?_AR11[1]:_AR11[0]
		document.writeln("<option value=""+Vstr1+"">"+Tstr1+"</option>");
	}
	document.writeln("</select>");

document.writeln("<select name="" + _SName2 + "" size="1" onChange=""+_SName1+"redirect1(this.options.selectedIndex)">");
	var _AR111 = _Ds2.split("@");
	var Tstr11 = _AR111[0];
	var Vstr11 = (_AR111.length==2)?_AR111[1]:_AR111[0];
	document.writeln("<option value=""+Vstr11+"">"+Tstr11+"</option>");
	document.writeln("</select>");

document.writeln("<select name="" + _SName3 + "" size="1">");
	var _AR222 = _Ds3.split("@");
	var Tstr22 = _AR222[0];
	var Vstr22 = (_AR222.length==2)?_AR222[1]:_AR222[0];
	document.writeln("<option value=""+Vstr22+"">"+Tstr22+"</option>");
	document.writeln("</select>");

<FORM name="HwForm">
<HR>选择一次<br>
<SCRIPT LANGUAGE="JavaScript">
CreateSelect("","S_13|S_23|S_33","","请选择地区@|请选择省份@|请选择城市@",AllStr1,0);
</SCRIPT>

<HR>选择二次<br><SCRIPT LANGUAGE="JavaScript">
CreateSelect("HwForm","S_12|S_22|S_32","","请选择分类@|请选择品牌@|请选择系列@",AllStr2,1);
</SCRIPT>
</FORM>

</body>
</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于三级下拉菜单 (通用版)的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071435.shtml方便下次再访问哦。

·上一篇： 用JS实现的类似框架的链接导航模式
·下一篇： 左右选择添加删除内容菜单

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

三级下拉菜单 (通用版)

文章分类LIST >>返回首页

最新游戏

最新新闻