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

这篇文章主要介绍了解决DropDownList总是选中第一项的方法,DropDownList下拉框服务器控件是最常用的控件之一,虽然使用方便，但也会出现奇怪的错误，感兴趣的小伙伴们可以参考一下

在网页开发的过程中，在页面中使用了一个 DropDownList 服务器控件，发现了一个很奇怪的问题，不论在页面中选中哪一项，在后台获取到的值总是第一项的值，看了好久也没有发现问题出在哪里，DropDownList控件在开发中已经使用了无数遍了，对照了其他代码都是一样的!

经过了几分钟之后，实在是看不出问题在哪里只好到网上查找答案，网上果然有不少人遇到“一样”的问题—— DropDownList 总是选中第一项。网上的解决方法都是说在 DropDownList 绑定时要在 Page_Load 事件要使用 if(!IsPostBack)，可是我是这样绑定的，在网上还是没有找到解决的方法。

后来，自己静静地左思右想，是不是因为自己在绑定DropDownList 的时候，只给Text 赋值，而没有给 Value 赋值导致的呢?接着我就尝试把每一项的Value 赋值，果然没有这样的现象了!

现在总结 DropDownList 控件总是选中第一项的两种原因。

情况一，请看下面的代码： 客户端代码：

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

服务端代码：

1. protected void Page_Load(object sender, EventArgs e) 
2. { 
3. BindDropDownList(); 
4. } 
5.  
6. private void BindDropDownList() 
7. { 
8. ddl1.Items.Clear(); //每次绑定前，先清除所有项 
9. for (int i = 1; i <= 3; i++) 
10. { 
11. ListItem item1 = new ListItem(); 
12. item1.Text = "第" + i.ToString() + "项"; 
13. item1.Value = "第" + i.ToString() + "项"; 
14. ddl1.Items.Add(item1); 
15. } 
16. } 

上面代码案例，也就是网上说的总是选中第一项(选择不能改变选项)，绑定方法写在 if (!IsPostBack) 里就可以解决了，代码如下：

1. protected void Page_Load(object sender, EventArgs e) 
2. { 
3. if (!IsPostBack) 
4. { 
5. BindDropDownList(); 
6. } 
7. } 

情况二，即是笔者遇到的，请看下面的代码： 客户端代码：

1. <asp:DropDownList ID="ddl1" runat="server"> 
2. </asp:DropDownList> 
3. <asp:Button ID="btnGet" runat="server" Text="获取" onclick="btnGet_Click" /> 

服务端代码：

1. protected void Page_Load(object sender, EventArgs e) 
2. { 
3. if (!IsPostBack) 
4. { 
5. BindDropDownList(); 
6. } 
7. } 
8.  
9. private void BindDropDownList() 
10. { 
11. ddl1.Items.Clear(); //每次绑定前，先清除所有项 
12. for (int i = 1; i <= 3; i++) 
13. { 
14. ListItem item1 = new ListItem(); 
15. item1.Text = "第" + i.ToString() + "项"; 
16. item1.Value = ""; 
17. ddl1.Items.Add(item1); 
18. } 
19. } 
20.  
21. protected void btnGet_Click(object sender, EventArgs e) 
22. { 
23. string str = ddl1.SelectedItem.Text; 
24. Page.ClientScript.RegisterStartupScript(this.GetType(), "alert", "<script>alert('" + str + "');</script>"); 
25. } 

注意 item1.Value 这个地方，是没有赋值的，然而导致获取 Text 的值错乱了，只要给 Value 赋上值就没有问题了!

以上就是关于网上大多数人遇到“一样”的问题—— DropDownList 总是选中第一项的解决办法，希望对大家的学习有所帮助。