ASP.NET开发中SQL语句动态条件与下拉列表联动实现问题

方案1：服务端实现（AutoPostBack 方式） #

• 首先给第一个下拉列表（假设ID为ddlLevels）开启自动回传属性：

<asp:DropDownList ID="ddlLevels" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlLevels_SelectedIndexChanged">
</asp:DropDownList>
<asp:DropDownList ID="ddlSeries" runat="server">
</asp:DropDownList>

• 后端编写选中事件处理方法，务必使用参数化查询避免SQL注入，不要直接拼接查询字符串：

protected void ddlLevels_SelectedIndexChanged(object sender, EventArgs e)
{
    // 获取第一个下拉列表选中值
    string selectedLevel = ddlLevels.SelectedValue;
    // 数据库连接字符串请替换为你自己的配置
    string connStr = ConfigurationManager.ConnectionStrings["你的数据库连接名"].ConnectionString;
    // 参数化查询语句，不要直接拼接选中值
    string query = "select Series from Football where Levels = @SelectedLevel";
    
    using (SqlConnection conn = new SqlConnection(connStr))
    {
        SqlCommand cmd = new SqlCommand(query, conn);
        // 添加查询参数，自动处理类型转义和SQL注入风险
        cmd.Parameters.AddWithValue("@SelectedLevel", selectedLevel);
        conn.Open();
        SqlDataReader reader = cmd.ExecuteReader();
        
        // 绑定数据到第二个下拉列表
        ddlSeries.DataSource = reader;
        ddlSeries.DataTextField = "Series";
        ddlSeries.DataValueField = "Series";
        ddlSeries.DataBind();
    }
    // 可选：给第二个下拉列表加默认提示项
    ddlSeries.Items.Insert(0, new ListItem("请选择系列", ""));
}

方案2：客户端实现（Ajax 无刷新方式） #

如果不想触发页面全量回传，可以用jQuery Ajax调用后端接口获取数据再填充第二个下拉：

• 前端代码示例：

$(function(){
    $("#<%=ddlLevels.ClientID%>").change(function(){
        var selectedLevel = $(this).val();
        $.ajax({
            type: "POST",
            url: "你的接口地址/页面方法地址",
            data: JSON.stringify({ level: selectedLevel }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(res) {
                var ddlSeries = $("#<%=ddlSeries.ClientID%>");
                ddlSeries.empty();
                ddlSeries.append($("<option></option>").val("").text("请选择系列"));
                // 遍历返回结果填充选项
                $.each(res.d, function(index, item){
                    ddlSeries.append($("<option></option>").val(item.Series).text(item.Series));
                });
            }
        });
    });
});

注意：禁止直接把用户选中值拼接到SQL语句中，会存在严重的SQL注入漏洞，必须用参数化查询处理动态条件。

内容的提问来源于stack exchange，提问作者user14288856