asp动态级联菜单代码

动态区域选择脚本

在网页上，我们有一个动态的区域选择功能。想象一下，你正在浏览一个大型网站，想从众多的区域中选择一个特定的地区。这是一个关于如何在服务器端获取数据并在前端动态填充下拉框的脚本。

我们从数据库中获取所有的区域信息，并按区域ID进行排序。这是我们的SQL查询：

```sql

sql = "SELECT FROM region ORDER BY zoneid ASC"

```

使用服务器端的ADODB记录集对象处理查询结果：

```vbscript

set rs = server.createobject("adodb.recordset")

rs.open sql, conn, 1, 3

```

接下来，我们在JavaScript中处理这些数据。我们创建一个数组来存储每个区域的详细信息，并动态填充下拉框的选项。当用户在另一个下拉框中选择一个大区时，我们根据所选的大区更新地区下拉框的选项。这是我们的JavaScript代码：

```javascript

var subcat = new Array(); // 存储区域信息的数组

var onecount = 0; // 记录区域数量

// 循环遍历记录集，填充数组和计数变量

do while not rs.eof

subcat[count++] = ["<%= trim(rs("regionname"))%>", "<%= trim(rs("zoneid"))%>", "<%= trim(rs("regionid"))%>"];

rs.movenext

loop;

rs.close;

// 定义改变位置的函数，根据所选的大区更新地区下拉框的选项

function changelocation(zoneid) {

// 清空地区下拉框的所有选项

document.myform.region.length = 0;

// 动态添加匹配的选项到地区下拉框中

for (i=0; i < onecount; i++) {

if (subcat[i][1] == zoneid) {

document.myform.region.options[document.myform.region.length] = new Option(subcat[i][0], subcat[i][2]);

}

}

}

```