三級下拉菜單 (通用版)

2009-06-05　來源/作者：懶人圖庫　分類：導航菜單　 «»

<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.cxj168.com" target="_blank">懶人圖庫</a></p>

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

HwForm是表單的名字

而S_1|S_2|S_3是三個Select表單的名字，如果在js中，可以用doucment.HwForm.S_1.value得到選中的一級的值

如果在asp中，可以用Request("S_3")得到選中的三級值

標簽：導航菜單