Javascript 的联动功能,ASP+javascript示例

<%
connstr 
= "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="+Server.MapPath("data.mdb")
set conn = server.CreateObject("Adodb.connection")
conn.Open connstr
%>
<select name="dlid" onchange="changelocation(document.all.dlid.options[document.all.dlid.selectedIndex].value)">
<option value="">请选择大类</option>
<%
strsql 
= "select * from temp where reid = 0"
set rs = server.CreateObject("adodb.recordset")
rs.Open strsql,conn,
1,1
'循环显示大类
do while not rs.EOF
    response.Write 
"<option value="&rs("id")&">"&rs("classname")&"</option>"
    rs.MoveNext
loop
rs.Close
set rs=nothing
%>
</select>
<select name="classtype" ID="Select1"><option value="">小类</option></select>
<%
'以下部分是截取小类并生成javascript代码
strsql1 = "select * from temp where reid <> 0"
set rs1 = server.CreateObject("adodb.recordset")
rs1.Open strsql1,conn,
1,1
%>
<script language="JavaScript">
var onecount;
onecount
=0;
subcat 
= new Array();
<%
    count 
= 0
    
do while not rs1.eof
%>
subcat[
<%=count%>= new Array("<%= rs1("classname")%>","<%= rs1("reid")%>","<%= rs1("id")%>");
<%
    count 
= count + 1
    rs1.movenext
    loop
    rs1.close
%>
onecount
=<%=count%>;
function changelocation(locationid)
{
    document.all.classtype.length 
= 0

    
var locationid=locationid;
    
var i;
    
for (i=0;i < onecount; i++)
    
{
        
if (subcat[i][1== locationid)
        
{
            document.all.classtype.options[document.all.classtype.length] 
= new Option(subcat[i][0], subcat[i][2]);
        }
        
    }


}
    
</script>
posted @ 2007-07-19 13:24  憋大招的cat  阅读(304)  评论(0)    收藏  举报