手动阀

Good Luck To You!

ASP二级联动源码是如何实现的?

``html,,选项1,选项2,,,document.getElementById('first').onchange = function() {,var second = document.createElement('select');,second.id = 'second';,document.body.appendChild(second);,// 根据第一个选择框的值生成第二个选择框的选项,},,``

ASP二级联动源码

ASP二级联动源码是如何实现的?

asp二级联动源码

ASP(Active Server Pages)是一种服务器端脚本环境,用于创建动态交互式网页,我们将详细介绍如何利用ASP与AJAX实现一个稳定且实用的二级联动菜单,这个示例适用于后台系统,能够避免选择大类别后返回小类别为空的错误。

文件结构

1、index.asp:主页面,包含HTML和JavaScript代码。

2、getsubcategory.asp:处理AJAX请求的服务器端页面。

3、Conn.asp:数据库连接文件。

4、AdSl.mdb:Access数据库文件,包含分类数据。

index.asp

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <title>Ajax的二级联动by啊峰</title>
    <script language="javascript" src="js.js"></script>
</head>
<body>
    <h2><a href="http://yeahdown.com/">Ajax的二级联动by啊峰</a></h2>
    <!--#include file="iconn.asp"-->
    <%
        Set afeng = Conn.Execute("select bigclassid,bigclassname from bigclass")
    %>
    <form id="form1" name="form1" method="post" action="">
        <div id="bigclass" style="float:left">
            <select name="select" >
                <option value="0">选择一级分类</option>
                <%If Not afeng.Eof then
                    Do While Not afeng.Eof
                        bigclassid = afeng("bigclassid")
                        bigclassname = afeng("bigclassname")%>
                        <option value="<%=bigclassid%>"><%=bigclassname%></option>
                        <%afeng.Movenext
                    Loop
                End If
                afeng.Close
                Set afeng = Nothing
                Set Conn = Nothing%>
            </select>
        </div>
        <div id="subclass" style="float:left"><select name="select2">
            <option value="0">选择二级分类</option>
        </select>
        </div>
    </form>
</body>
</html>

2. getsubcategory.asp

<%
Response.Charset="GB2312" '设置字符集 原默认为utf-8
'获取从客户端传递过来的值
dim bigclassid
bigclassid = request("q")
if bigclassid="" then
    response.write "<option value='0'>选择二级分类</option>"
else
    Set rs=Server.CreateObject("ADODB.Recordset")
    sql="select smallclassid,smallclassname from smallclass where bigclassid="&bigclassid
    rs.Open sql,conn,1,1
    do while not rs.eof
        response.write "<option value="& rs("smallclassid") & ">" & rs("smallclassname") & "</option>"
        rs.movenext
    loop
    rs.close
    set rs=Nothing
end if
Set Conn = Nothing
%>

Conn.asp

<%
Dim Conn,ConnStr
Set Conn = Server.CreateObject("ADODB.Connection")
ConnStr = "Provider=Microsoft.Jet.OLEDB;Data Source=" & Server.MapPath("AdSl.mdb")
Conn.Open ConnStr
Sub CloseConn()
    On Error Resume Next
    Conn.Close
    Set Conn = Nothing
End Sub
%>

AdSl.mdb

此文件是一个Access数据库,其中包含两个表:bigclasssmallclass,表结构如下:

bigclass

bigclassid (自动编号)

asp二级联动源码

bigclassname (文本)

smallclass

smallclassid (自动编号)

smallclassname (文本)

bigclassid (数字)

通过上述步骤,我们实现了一个ASP与AJAX结合的二级联动菜单,用户在选择一级分类后,二级分类会根据所选项动态更新,无需刷新整个页面,提升了用户体验,这种实现方式不仅稳定实用,还能有效避免选择大类别后返回小类别为空的错误。

以上就是关于“asp二级联动源码”的问题,朋友们可以点击主页了解更多内容,希望可以够帮助大家!

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-BlogPHP 1.7.3

Copyright Your WebSite.Some Rights Reserved.