无限级下拉菜单代码：

无限级下拉菜单代码：

2005-12-11 作者:amao 同分类文章

description:

从phpe刨来的代码，留着有时间了研究

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
//[0,1,'AAA'],其中0值父id，1值本身id，AAA为类别名
var childmenu = new Array(
[0,1,'AAA'],
[0,2,'BBB'],
[0,3,'CCC'],
[1,4,'mmm'],
[1,5,'nnn'],
[1,6,'ooo'],
[2,7,'xxx'],
[2,8,'yyy'],
[2,9,'zzz'],
[4,10,'rrr']
);
var loopmenu_num = 1;
function drawSelect(parentValue,arrMenu,selectName,htmlObj)
{
var strHtml = "";
var existparent = false;
var k = 0;
var arrHtml = new Array();
//最好先判断arrMenu是不是数组
//奇怪，空值居然与0相等，俺的js不够熟，所以把Please Select中的option值设为-1
for(i=0; i<arrMenu.length; i++)
{
if(arrMenu[i][0] == parentValue)
{
arrHtml[k] += '<option value="'+arrMenu[i][1]+'">'+arrMenu[i][2]+'</option> ';
existparent = true;
}
k++;
}
if(existparent == false)
{
htmlObj.innerHTML = "";
return;
}
strHtml += '<select name="'+selectName+'[]" class="font1" id="'+selectName+'" onChange="drawSelect(this.value,childmenu,'catname',loopselect_'+loopmenu_num+')"> '
+'<option value="-1" selected>Please Select</option> ';
strHtml += arrHtml.join("");
strHtml += '</select> ';
strHtml += '<span id="loopselect_'+loopmenu_num+'"></span>';
if(htmlObj == null)
{
document.write(strHtml);
}
else
{
htmlObj.innerHTML = strHtml;
//alert(htmlObj.innerHTML);
}
loopmenu_num++;
}
</script>
</head>
<body>
<form name="srchform" method="post" action="">
<script language=javascript>drawSelect(0,childmenu,'catname',null);</script>
</form>
</body>
</html>

fiblog