ASP.NET两级联动DropDownList跳转后选中状态丢失问题求助

问题概述 #

ASP.NET项目中有两个联动的DropDownList：DropDownListSoore展示分类列表，DropDownListAye展示对应分类的下属成员，联动更新正常。但选择DropDownListAye项并通过QueryString跳转页面后，DropDownListAye丢失选中状态（默认显示第一项），且URL中IdAye始终为1。

现有代码核心问题 #

1. DropDownList绑定逻辑错误 #

• 绑定DropDownListSoore和DropDownListAye时，仅添加了显示文本，未设置对应数据库ID为Item的Value属性，导致后续FindByValue无法匹配，也无法正确获取选中项的ID。
• 恢复选中状态时，仅调用FindByValue但未将结果设置为选中项，等于无效操作。

2. 跳转传参逻辑错误 #

• 跳转时依赖Session["SSelectedAye"]获取ID，但Session赋值时机在绑定之后，此时SelectedIndex为默认值0，计算后iSelectedAye=1，导致IdAye始终为1。
• 获取SelectedSoore时用SelectedIndex+1，属于逻辑错误，应该直接获取选中项的Value。

3. 未正确使用!IsPostBack #

页面每次加载都重复绑定DropDownList，覆盖了用户选中状态，必须限制仅首次加载时绑定。

修正后的代码实现 #

1. 前端代码（无需修改） #

<asp:DropDownList ID="DropDownListSoore" runat="server" class="nav-link btn btn-outline-secondary dropdown-toggle" aria-haspopup="true" aria-expanded="true" AutoPostBack="True"></asp:DropDownList>

<asp:DropDownList ID="DropDownListAye" runat="server" class="nav-link btn btn-outline-secondary dropdown-toggle" aria-haspopup="true" aria-expanded="true" OnSelectedIndexChanged="DropDownListAye_SelectedIndexChanged" AutoPostBack="True"></asp:DropDownList>

2. Page_Load绑定与状态恢复 #

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // 绑定分类列表
        BindSooreList();
        // 从QueryString恢复分类选中状态
        string targetSooreId = Request.QueryString["IdSoore"];
        if (!string.IsNullOrEmpty(targetSooreId))
        {
            var sooreItem = DropDownListSoore.Items.FindByValue(targetSooreId);
            if (sooreItem != null)
            {
                sooreItem.Selected = true;
                // 绑定对应下属成员列表
                BindAyeList(targetSooreId);
                // 恢复下属成员选中状态
                string targetAyeId = Request.QueryString["IdAye"];
                if (!string.IsNullOrEmpty(targetAyeId))
                {
                    var ayeItem = DropDownListAye.Items.FindByValue(targetAyeId);
                    if (ayeItem != null)
                    {
                        ayeItem.Selected = true;
                    }
                }
            }
        }
        else
        {
            // 首次加载默认绑定第一个分类的下属列表
            if (DropDownListSoore.Items.Count > 0)
            {
                BindAyeList(DropDownListSoore.Items[0].Value);
            }
        }
    }
}

// 封装分类列表绑定方法
private void BindSooreList()
{
    DropDownListSoore.Items.Clear();
    // dt为从SQL获取的分类数据
    foreach (DataRow row in dt.Rows)
    {
        string id = row["IdSoore"].ToString();
        string name = row["NameSoore"].ToString();
        // 设置Value为数据库ID，Text为显示文本
        DropDownListSoore.Items.Add(new ListItem($"{id}.{name}", id));
    }
}

// 封装下属成员列表绑定方法，传入分类ID
private void BindAyeList(string sooreId)
{
    DropDownListAye.Items.Clear();
    // dt1为根据分类ID从SQL获取的下属成员数据
    foreach (DataRow row in dt1.Rows)
    {
        string id = row["IdAye"].ToString();
        string number = row["NumberAye"].ToString();
        // 设置Value为数据库ID，Text为显示文本
        DropDownListAye.Items.Add(new ListItem(number, id));
    }
}

3. 分类列表联动事件（新增） #

protected void DropDownListSoore_SelectedIndexChanged(object sender, EventArgs e)
{
    string selectedSooreId = DropDownListSoore.SelectedValue;
    BindAyeList(selectedSooreId);
}

4. 下属列表跳转事件修正 #

protected void DropDownListAye_SelectedIndexChanged(object sender, EventArgs e)
{
    string sooreId = DropDownListSoore.SelectedValue;
    string ayeId = DropDownListAye.SelectedValue;
    
    string redirectUrl = $"~/contentAye.aspx?IdSoore={sooreId}&IdAye={ayeId}";
    Response.Redirect(redirectUrl);
}

关键修复点总结 #

• 绑定DropDownList时必须设置Value属性：将数据库ID作为Item的Value，确保后续能正确匹配选中项和传参。
• 用!IsPostBack控制绑定时机：仅首次加载页面时绑定列表，避免回发操作覆盖用户选中状态。
• 跳转时直接获取选中项的Value：抛弃Session依赖，直接从DropDownList获取正确ID，避免赋值时机错误。
• 从QueryString恢复选中状态：跳转后根据URL参数找到对应项并设置为选中，保留用户选择状态。

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