如何使用AutoPostback实现ListBox选择后自动更新关联DropDownList选项

• 第一步：修改ListBox控件属性
  给RegionListBox2添加AutoPostBack="True"属性开启自动回发，同时添加OnSelectedIndexChanged事件绑定，指定选中项变更时触发的后端方法。
• 第二步：编写后端事件处理逻辑
  把原来写在Button1_Click里的加载 Municipality 下拉列表的逻辑，挪到SelectedIndexChanged对应的事件方法里即可，也可以把公共逻辑抽成独立方法，同时兼容按钮点击和列表选中变更两个触发场景。

前端修改后代码示例 #

Region: <asp:ListBox ID="RegionListBox2" runat="server" 
    DataSourceID="SqlDataSource1" 
    DataTextField="RegionName" 
    DataValueField="RegionName"
    AutoPostBack="True"
    OnSelectedIndexChanged="RegionListBox2_SelectedIndexChanged">
</asp:ListBox>

<!-- 按钮如果不需要了可以直接删除，保留也不影响功能 -->
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />

Munipacility: <asp:DropDownList ID="MunipacilityDropDown" runat="server"></asp:DropDownList>

后端代码示例（C#） #

// 选中Region时触发的方法
protected void RegionListBox2_SelectedIndexChanged(object sender, EventArgs e)
{
    if (RegionListBox2.SelectedItem != null)
    {
        // 直接复用原来Button1_Click里的查询、绑定下拉逻辑即可
        string selectedRegion = RegionListBox2.SelectedValue;
        // MunipacilityDropDown.DataSource = 按selectedRegion查询出的Municipality结果集
        // MunipacilityDropDown.DataBind();
    }
}

// 如果要保留原有按钮功能，可以把逻辑抽成公共方法复用
private void LoadMunicipalityByRegion(string regionName)
{
    // 加载下拉列表的公共逻辑写在这里
}

protected void Button1_Click(object sender, EventArgs e)
{
    if (RegionListBox2.SelectedItem != null)
    {
        LoadMunicipalityByRegion(RegionListBox2.SelectedValue);
    }
}

protected void RegionListBox2_SelectedIndexChanged(object sender, EventArgs e)
{
    if (RegionListBox2.SelectedItem != null)
    {
        LoadMunicipalityByRegion(RegionListBox2.SelectedValue);
    }
}

• 上述实现默认是ListBox单选场景，如果开启了多选模式，需要自行调整逻辑读取所有选中的Region值查询对应的Municipality
• 如果要避免整页刷新，可以把这三个控件包在UpdatePanel控件内实现局部回发，不需要修改现有业务逻辑

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