select标签 用asp.net实现联动

要实现 select 标签的联动，可以使用 ASP.NET 的 AJAX 技术。

首先，在页面上添加两个 select 标签，分别为父级 select 和子级 select。然后，在父级 select 的 onchange 事件中，发送 AJAX 请求到服务器，获取子级 select 的数据，并根据父级 select 的选中值来动态生成子级 select 的选项。

以下是一个简单的示例代码：

<!-- 父级 select -->
<select id="parentSelect" onchange="loadChildSelect()">
    <option value="">请选择</option>
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
</select>

<!-- 子级 select -->
<select id="childSelect">
    <option value="">请选择</option>
</select>

<script type="text/javascript">
    function loadChildSelect() {
        // 获取父级 select 的选中值
        var parentValue = document.getElementById("parentSelect").value;
        if (parentValue === "") {
            // 如果未选择任何选项，则清空子级 select
            document.getElementById("childSelect").innerHTML = '<option value="">请选择</option>';
            return;
        }

        // 发送 AJAX 请求，获取子级 select 的数据
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "GetChildSelectData.aspx?parentValue=" + parentValue, true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                // 根据父级 select 的选中值和获取到的数据，动态生成子级 select 的选项
                var childOptions = xhr.responseText;
                document.getElementById("childSelect").innerHTML = childOptions;
            }
        };
        xhr.send();
    }
</script>

在服务器端，可以创建一个类似于 GetChildSelectData.aspx 的页面，用于接收 AJAX 请求，并返回子级 select 的数据。在该页面中，可以根据传递过来的父级 select 的选中值，查询数据库或其他数据源，获取子级 select 的数据，并将数据以 HTML 代码的形式返回给客户端。以下是一个简单的示例代码：

protected void Page_Load(object sender, EventArgs e)
{
    string parentValue = Request.QueryString["parentValue"];
    string childOptions = "";

    // 根据父级 select 的选中值，查询数据库或其他数据源，获取子级 select 的数据
    // 将子级 select 的选项以 HTML 代码的形式拼接成一个字符串 childOptions

    Response.Write(childOptions);
}