程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> 解決DropDownList總是選中第一項的方法

解決DropDownList總是選中第一項的方法

編輯:ASP.NET基礎

在網頁開發的過程中,在頁面中使用了一個 DropDownList 服務器控件,發現了一個很奇怪的問題,不論在頁面中選中哪一項,在後台獲取到的值總是第一項的值,看了好久也沒有發現問題出在哪裡,DropDownList控件在開發中已經使用了無數遍了,對照了其他代碼都是一樣的!

經過了幾分鐘之後,實在是看不出問題在哪裡只好到網上查找答案,網上果然有不少人遇到“一樣”的問題—— DropDownList 總是選中第一項。網上的解決方法都是說在 DropDownList 綁定時要在 Page_Load 事件要使用 if(!IsPostBack),可是我是這樣綁定的,在網上還是沒有找到解決的方法。

後來,自己靜靜地左思右想,是不是因為自己在綁定DropDownList 的時候,只給Text 賦值,而沒有給 Value 賦值導致的呢?接著我就嘗試把每一項的Value 賦值,果然沒有這樣的現象了!

現在總結 DropDownList 控件總是選中第一項的兩種原因。

情況一,請看下面的代碼:
客戶端代碼:

<asp:DropDownListID="ddl1"runat="server">
</asp:DropDownList>

服務端代碼:

protected void Page_Load(object sender, EventArgs e)
{
  BindDropDownList();
}
  
private void BindDropDownList()
{
  ddl1.Items.Clear(); //每次綁定前,先清除所有項
  for (int i = 1; i <= 3; i++)
  {
    ListItem item1 = new ListItem();
    item1.Text = "第" + i.ToString() + "項";
    item1.Value = "第" + i.ToString() + "項";
    ddl1.Items.Add(item1);
  }
}

上面代碼案例,也就是網上說的總是選中第一項(選擇不能改變選項),綁定方法寫在 if (!IsPostBack) 裡就可以解決了,代碼如下:

protected void Page_Load(object sender, EventArgs e)
{
  if (!IsPostBack)
  {
    BindDropDownList();
  }
}

情況二,即是筆者遇到的,請看下面的代碼:
客戶端代碼:

<asp:DropDownList ID="ddl1" runat="server">
</asp:DropDownList>
 <asp:Button ID="btnGet" runat="server" Text="獲取" onclick="btnGet_Click" />

服務端代碼:

protected void Page_Load(object sender, EventArgs e)
{
  if (!IsPostBack)
  {
    BindDropDownList();
  }
}
  
private void BindDropDownList()
{
  ddl1.Items.Clear(); //每次綁定前,先清除所有項
  for (int i = 1; i <= 3; i++)
  {
    ListItem item1 = new ListItem();
    item1.Text = "第" + i.ToString() + "項";
    item1.Value = "";
    ddl1.Items.Add(item1);
  }
}
  
protected void btnGet_Click(object sender, EventArgs e)
{
  string str = ddl1.SelectedItem.Text;
  Page.ClientScript.RegisterStartupScript(this.GetType(), "alert", "<script>alert('" + str + "');</script>");
}

注意 item1.Value 這個地方,是沒有賦值的,然而導致獲取 Text 的值錯亂了,只要給 Value 賦上值就沒有問題了!

以上就是關於網上大多數人遇到“一樣”的問題—— DropDownList 總是選中第一項的解決辦法,希望對大家的學習有所幫助。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved