<!–打开两个表–> <% set rs1=server.CreateObject(“adodb.recordset”) sql1=”select * from type1″ rs1.open sql1,conn,1,3 set rs2=server.CreateObject(“adodb.recordset”) sql2=”select * from type2″ rs2.open sql2,conn,1,3 %> <form name=”form1″> <!–建立菜单一–> <select name=”type” size=”1″ onCha
ASP动态级联菜单是一种常见的网页交互功能，常用于网站导航，允许用户逐步选择层次结构中的选项，例如在电商网站上选择商品类别时先选大类再选小类。在这个示例中，我们将深入理解如何使用ASP（Active Server Pages）来实现这种动态级联菜单。
我们看到代码通过`<% %>`标记开始和结束，这是ASP中的脚本块，它允许我们在HTML中嵌入VBScript代码。这里创建了两个`adodb.recordset`对象`rs1`和`rs2`，分别用于从数据库中获取数据。`sql1`和`sql2`是SQL查询语句，用于从`type1`和`type2`表中选择所有列。`conn`是对数据库的连接，而`1,3`参数表示打开记录集的类型和锁模式，1表示向前只读，3表示共享锁定。
接下来，HTML部分开始构建菜单。`<select>`元素用于创建下拉列表，`<option>`元素表示列表中的每个选项。在第一个下拉菜单中，`onChange`事件触发JavaScript函数`redirect`，这个函数会在用户更改选择时调用，传入当前选择的值。
JavaScript部分用于实现级联效果。`redirect`函数首先清空第二个下拉菜单的所有选项，然后遍历`rs2`记录集，比较其`news_type_1_id`字段与第一个下拉菜单的选择值。如果匹配，则在第二个下拉菜单中添加一个新的选项。这里使用了`Option()`函数创建新的`<option>`元素，并设置了文本和值。
整个流程概括起来是这样的：
1. 打开数据库连接并执行SQL查询，获取数据。
2. 在HTML中创建第一个下拉菜单，其选项基于`type1`表的数据。
3. 当用户在第一个下拉菜单中做出选择时，调用JavaScript函数`redirect`。
4. `redirect`函数根据用户选择在`type2`表中找到匹配项，动态生成第二个下拉菜单的选项。
5. 用户在第二个下拉菜单中可以看到与所选大类相关的子类别。
这个例子展示了ASP结合JavaScript如何实现动态交互的级联菜单，同时利用了ADO（ActiveX Data Objects）进行数据库操作。这种技术在早期Web开发中非常常见，但现在可能已经被更现代的框架如jQuery或AJAX取代，以提供更流畅的用户体验。然而，了解这种基础的动态交互实现方式对于理解Web开发的历史和技术演进仍然有价值。
