当前位置: 首页 > 编程笔记 >

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

郎鹤龄
2023-03-14
本文向大家介绍解决DropDownList总是选中第一项的方法,包括了解决DropDownList总是选中第一项的方法的使用技巧和注意事项,需要的朋友参考一下

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

 类似资料:
  • 我不认为实现这样一个常见的简单场景有那么难,但我有一个剑道下拉列表,它使用MVVM风格进行初始化,它绑定了一个远程数据源。 我想要实现的是,一旦远程数据源准备好并绑定到小部件,默认情况下会选择第一个选项(当然,第一个项目的值应该绑定到视图模型) 我试图直接使用上面的代码来做这件事,它将一个dataBound事件绑定到小部件,并在它触发时选择第一个项目。回调方法被调用时没有错误,但是小部件从不选择第

  • 本文向大家介绍Java Web开发项目中中文乱码解决方法汇总,包括了Java Web开发项目中中文乱码解决方法汇总的使用技巧和注意事项,需要的朋友参考一下 Java Web项目中,解决中文乱码方法总结如下 第一种情况:调用jsp页面中文显示乱码 问题描述:通过浏览器调用jsp页面,在浏览器中显示的中文内容出现乱码。 解决方法:首先确认本jsp在编辑器中保存文件内容时,使用的是utf-8的编码格式,

  • 我试图使用一对剑道下拉列表来过滤AngularJS中的数据集。其中一个数据源使用静态可观察数组按状态筛选数据集;另一个数据源是数据集的“区域ID”列的一组不同值,也存储为可观察数组。当状态下拉列表更改时,区域下拉列表应该从新过滤的数据中重新加载区域列表。这是可行的,但是选定的值最终会被忽略,即使应该代表选定值的模型仍然具有正确的值,并且数据仍然被相同的值正确过滤。打开下拉列表,然后单击它,使其按应

  • 我在Spring Boot MVC 2.1项目中使用WebClient,发现客户端发出的第一个请求需要6秒。后续请求的速度要快得多(~30ms)。 在Spring的JIRA中有一个封闭的问题,建议使用Jetty作为WebClient Http连接器。我已经尝试了这种方法,改进了数字,第一个请求约为800ms。这次是一个改进,但它仍然远离RestTemplate,它通常采取 Netty 方法(5 秒

  • 本文向大家介绍jquery中checkbox全选失效的解决方法,包括了jquery中checkbox全选失效的解决方法的使用技巧和注意事项,需要的朋友参考一下 如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容,.attr()