您的位置:首页 > 运维架构

解决DropDownList总是选中第一项的方法

2015-10-08 00:00 453 查看

在网页开发的过程中,在页面中使用了一个 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 总是选中第一项的解决办法,希望对大家的学习有所帮助。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: