ASP.NET DropDownList 取值為空/不變？Page_Load 重複綁定是元兇

典型錯誤現場

// 前台
<asp:DropDownList ID="sectionDropDownList" runat="server"></asp:DropDownList>

// 後台 Page_Load
protected void Page_Load(object sender, EventArgs e)
{
    SourceDb db = new SourceDb();
    sectionDropDownList.DataSource = db.DatasetDb("SELECT * FROM [Section]").Tables[0].DefaultView;
    sectionDropDownList.DataTextField = "name";
    sectionDropDownList.DataValueField = "code";
    sectionDropDownList.DataBind(); // 每次請求都綁定！
}

// 按鈕點擊
protected void Button_Click(object sender, EventArgs e)
{
    string val = sectionDropDownList.SelectedValue; // 永遠是第一項！
    Response.Write(val);
}

為什麼會這樣？

1. 用戶選擇第 3 項 → 點擊按鈕 → **PostBack**
2. 頁面生命周期：`Page_Load` → `Button_Click`
3. `Page_Load` 再次執行 `DataBind()` → **重置控件狀態**，選中項歸位第一項
4. `Button_Click` 讀取 `SelectedValue` → 獲取到被重置後的第一項值

正確寫法：IsPostBack 守護

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack) // 關鍵：僅首次加載綁定
    {
        SourceDb db = new SourceDb();
        sectionDropDownList.DataSource = db.DatasetDb("SELECT * FROM [Section]").Tables[0].DefaultView;
        sectionDropDownList.DataTextField = "name";
        sectionDropDownList.DataValueField = "code";
        sectionDropDownList.DataBind();
    }
}

進階場景：動態依賴綁定

若 DropDownList 數據依賴查詢條件（如：省份 → 城市），需在條件改變時重新綁定：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindProvinces(); // 首次綁定省份
        BindCities(ddlProvince.SelectedValue); // 綁定城市
    }
}

protected void ddlProvince_SelectedIndexChanged(object sender, EventArgs e)
{
    BindCities(ddlProvince.SelectedValue); // 省份變化時重綁城市
    // 注意：ddlProvince 需設置 AutoPostBack="true"
}

ViewState 與 DataBind 關係圖解

首次請求 (Get)          PostBack 請求
─────────────────        ─────────────────
Page_Load                Page_Load
  └─ DataBind()  ──→      ├─ IsPostBack? Yes → 跳過 DataBind
     └─ ViewState 保存      └─ ViewState 自動恢復 SelectedValue
                             
Button_Click             Button_Click
  └─ 讀取 SelectedValue     └─ 正確獲取用戶選擇

常見變體錯誤

最佳實踐檢查清單

✅ 所有 DataBind() 均在 if (!IsPostBack) 內
✅ 級聯下拉框：父控件 AutoPostBack="true"，子控件在父 SelectedIndexChanged 重綁
✅ 動態參數查詢：按鈕點擊事件執行查詢並 DataBind，不在 Page_Load
✅ 大數據量下拉框：考慮虛擬滾動、AJAX 按需加載、或改用 AutoComplete

1. 上一篇文章： C# 獲取真實公網 IP 及地理位置（國家/省份）：網頁抓取方案
2. 下一篇文章： ASP.NET GridView 事件中獲取行索引與單元格值完整速查表

ASP.NET 基礎

Visual Studio 2005/2008/2010/2019/2022 快捷鍵大全：編輯、偵錯、重構、導航完全參考

核心編輯快捷鍵 (全版本通用) 動作快捷鍵備註 格式

手把手教你在 Azure 建立 Windows 8 開發環境：從免費帳號到 Visual Studio 全自動化

想開發 Windows 8 / Windows Store

ASP.NET 動態變更 Web Service 參考位址：建構函式注入 EndpointAddress 取代修改 Web.config

前言：別再傻傻改 Web.config 了 專案部署至不同環

ASP.NET 連接 MySQL 完整入門指南：安裝、工具、Connector/NET、Helper 類

步驟 1：安裝 MySQL Server 下載：官網 或