c# - asp.net のドロップダウン リスト項目の選択

Question

以下のコードを使用して、辞書オブジェクトをドロップダウン リストにバインドし、ドロップダウン リストから値を選択しています。

 protected void Page_Load(object sender, EventArgs e)
    {
        Dictionary<int, string> dict = new Dictionary<int, string>();
        dict.Add(1, "apple");
        dict.Add(2, "bat");
        dict.Add(3, "cat");
        ddl.DataSource = dict;
        ddl.DataValueField = "Key";
        ddl.DataTextField = "Value";  //will display in ddl
        ddl.DataBind();
    }
    protected void btn_Click(object sender, EventArgs e)
    {
        string key = ddl.SelectedValue;
        string value = ddl.SelectedItem.Text;
    }

ddl で選択した値に関係なく、常にキーが「1」、値が「apple」になります。私のコードで何が間違っていますか?