当前位置： 移动技术网 > IT编程>开发语言>.net > 解决DropDownList总是选中第一项的方法

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

在网页开发的过程中，在页面中使用了一个 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 总是选中第一项的解决办法，希望对大家的学习有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网