当前位置：首页 > 脚本 > 特效代码 > 导航菜单 > 三级下拉菜单 (通用版)

三级下拉菜单 (通用版)
日期：2021-09-13 21:21:31 来源：网络收集

<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>
<p>查找更多代码，请访问：<a href="http://www.yinxiaosucai.cn" target="_blank">音效素材</a></p>

运行代码保存代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

JS特效代码 jQuery特效 JS代码导航菜单代码

上一篇：微软风格的CSS横向菜单

下一篇：仿Amazon.com菜单效果的简单实现

+ 更多脚本 +

广告代码 全部 +: 焦点图; 全屏广告; 对联广告; 在线客服; 相册代码; 菜单导航; TAB标签; 悬浮漂浮; flash特效; 图片特效; 翻牌书角; 其他特效

特效代码 全部 +: 导航菜单; 表单按钮; 文字特效; 表格图层; 图片特效; 时间日期; 滚动代码; 窗口特效; 颜色背景; 网站常用; CSS样式; 其他特效

音效素材网提供各类素材，打造精品素材网站！

音效素材

三级下拉菜单 (通用版)
日期：2021-09-13 21:21:31 来源：网络收集

您可能感兴趣的脚本

一个简洁的JS日历

一个漂亮的DIV搜索条

竖列Navigation导航菜单

CSS横向下拉菜单

漂亮的脚本日历

清空代码防止查看源代码

记录并显示网页的最后修改时间

用CSS实现水平虚线的两种方法

如何将链接的下划线做成虚线？

JS自动格式化输入的数字/千位分隔符

网页状态栏页面停留时间特效

iframe自适应高度

css写菜单：简洁注释版 [1]

一款经典的日期时间脚本

判断文本框只能输入中文汉字的代码

可选择Email和用户名登录的代码

最新脚本

热门标签

热门脚本

关于我们

版权声明

音效素材网提供各类素材，打造精品素材网站！

三级下拉菜单 (通用版) 日期：2021-09-13 21:21:31 来源：网络收集

您可能感兴趣的脚本

最新脚本

热门标签

热门脚本

关于我们

版权声明

三级下拉菜单 (通用版)
日期：2021-09-13 21:21:31 来源：网络收集