Js实现两级下拉联动（非异步方式）

原来用js实现两级下拉菜单联动都是通过异步的方式来实现的，其实就是ajax的效果来实现，通过js提交请求到asp页面调用相关的数据，然后通过标准的xml格式返回数据，js再解析xml数据，然后绑定数据到下拉列表。

当然，这种异步方式很不错，但为了更方便，我通过使用js数组的方式，在页面加载的同时，把相关的数据都存入js数组，然后直接通过js数组数据的筛选来绑定下拉列表的相应数据。

js脚本部分程序：

Code

<td align="right" class=td2>产品分类：</td>

<td class=td2><select name="classid1" id="classid1" onChange="getSmallClass();">

<option value="">产品大类</option>

<%

'一级栏目通过asp代码的方式加载

sql="select classid,classname from newsclass where parentid=0 and version=" & InfoVer & " order by ordnum asc"

rs.open sql,conn,3,1

for i=1 to rs.recordcount

if not rs.eof then

%>

<option value="<%=rs("classid")%>"><%=rs("classname")%></option>

<%

rs.movenext

end if

next

rs.close

%>

</select>

<select name="classid2" id="classid2">

<option value="0">产品小类</option>

</select></td>