给你个例子，里面的数据自己改下
==============================。
<html>
<head>
</head>
<body>
<scriptlanguage="JavaScript">。
<!--
//第一维:第一个下拉列表的值
//第二维:表示下拉列表中看到的字符串
//第三维:表示下拉列表中的值
varsubcat=newArray();。
//如果大类的值是动态的,则可以通过数据库中取出作如下设置。
//subcat[<%=count%>]=newArray('<%=trim(rs("leemaid"))%>','<%=rs("leemacontent")%>','<%=rs("leemacontent")%>');。
subcat[0]=newArray('1','电视机','=1')。
subcat[1]=newArray('1','电风扇','=2')。
subcat[2]=newArray('1','电饭煲','=3')。
subcat[3]=newArray('1','电炒锅','=4')。
subcat[4]=newArray('1','电灯','=5')。
subcat[5]=newArray('1','电脑','=6')。
subcat[6]=newArray('1','电冰箱','=7')。
subcat[7]=newArray('1','洗衣机','=8')。
subcat[8]=newArray('1','微波炉','=9')。
subcat[9]=newArray('1','VCD影碟机','=1')。
subcat[10]=newArray('2','二极管','=11')。
subcat[11]=newArray('2','三极管','=12')。
subcat[12]=newArray('2','CMOS集成块','=13')。
subcat[13]=newArray('2','电阻','=14')。
subcat[14]=newArray('2','电容','=15')。
subcat[15]=newArray('2','整流二极管','=16')。
subcat[16]=newArray('2','整流桥','=17')。
subcat[17]=newArray('2','可控硅','=18')。
subcat[18]=newArray('2','电子枪','=19')。
subcat[19]=newArray('2','光敏二极管','=2')。
subcat[20]=newArray('3','ffffff','vvvvvv')。
subcat[21]=newArray('3','dddddd','ffffff')。
functionchangeselect1(selectValue)。
{
document.form1.s2.length=0;//初始化下拉列表清空下拉数据。
//document.form1.s2.options[0]=newOption('请选择二级小类','');//给第一个值
for(i=0;i<subcat.length;i++)//legth=2。
{
if(subcat[i][0]==selectValue)//[0][1]第一列第二列。
{
document.form1.s2.options[document.form1.s2.length]=newOption(subcat[i][1],subcat[i][2]);。
}
}
}
//-->
</script>
<formname="form1">。
二级联动：
<selectname="s1"onChange="changeselect1(this.value)">。
<option>请选择一级大类</option>。
<optionvalue="1">家用电器</option>。
<optionvalue="2">电子元器件</option>。
<optionvalue="3">ddddd</option>。
</select>
<selectname="s2"onChange="alert(this.value)">。
<option>请选择二级小类</option>。
</select>
</form>
</html>
下拉菜单的代码
下拉菜单实现代码如下：
<HTML>
<HEAD>
<SCRIPTLANGUAGE="javascript">。
</SCRIPT>
<SCRIPTLANGUAGE="javascript">。
functionBody_Init(oSelect,oText)。
{
variLeft=oSelect.offsetLeft;。
variTop=oSelect.offsetTop;。
variWidth=oSelect.clientWidth;。
variHeight=oSelect.clientHeight;。
oSelect.style.clip='rect(0,'+iWidth+','+iHeight+','+(iWidth-18)+')';。
oText.style.width=iWidth;。
oText.style.height=iHeight;。
oText.style.top=iTop;。
oText.style.left=iLeft;。
}
functionCombo_Select(oSelect,oText)。
{
oText.value=oSelect.options[oSelect.selectedIndex].text;。
alert(oText.value);
}
functionText_ChkKey(oSelect,oText)。
{
if(event.keyCode==13)。
{
varnIndex=HasTheValue(oText.value,oSelect);。
if(nIndex!=-1&&nIndex!=oSelect.selectedIndex)。
{
oSelect.selectedIndex=nIndex;。
}
}
}
functionHasTheValue(name,oSelect)。
{
if(oSelect.options.length<1)。
return-1;
vari=0;
for(i=0;i<oSelect.options.length;i++)。
{
if(oSelect.options[i].text==name)。
returni;
}
return-1;
}
</SCRIPT>
</HEAD>
<BODYonload="javascript:Body_Init(pCombo,pText);">。
<tablewidth=50%width=50%align="center"valign="middle">。
<tr><td>
<SELECTSTYLE="position:absolute;left:0;top:0;"ONCHANGE="Combo_Select(this,pText)"NAME="pCombo">。
<optionvalue="d">test1</option>。
<optionvalue="dd">test2</option>。
<optionvalue="dd">asds</option>。
<optionvalue="dd">awdfsfs</option>。
</SELECT>
<INPUTSTYLE="position:absolute;"onKeyPress="Text_ChkKey(pCombo,this)"TYPE="TEXT"NAME="pText">。
</td></tr>。
</table>
</BODY>
</HTML>
还没有评论，来说两句吧...