解决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>
 <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 总是选中第一项的解决办法，希望对大家的学习有所帮助。

赞 (0)

相关推荐

  • DropDownList获取的SelectIndex一直为0的问题

    1.想要DropDownList自动提交必须设置AutoPostBack="true"属性,下面是代码: 复制代码 代码如下: <asp:DropDownList ID="ddlNameList" runat="Server" Height="30" AutoPostBack="True" onselectedindexchanged="ddlNameList_SelectedIndexCh

  • ASP.NET DropDownListCheckBox使用示例(解决回发问题)

    ASP.NET DropDownListCheckBox使用示例(解决回发问题)

    这个是根据LigerUI改的,解决了回发问题  资料地址 http://ligerui.com/demos/comboBox/comboBoxMul.htm 具体代码 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBoxList.aspx.cs" Inherits="CheckBoxList" %> <!DOCT

  • C#动态生成DropDownList执行失败原因分析

    本文实例分析了C#动态生成DropDownList执行失败原因.分享给大家供大家参考.具体如下: 今天研究DDL控件的动态生成的时候遇到了点问题 ,当我写代码的时候发现点击button后 只能创建一个DDL控件,再点击就没有作用了,后来我在里面设置了变量,看看这个事件是不是没有执行,发现变量并没有改变,刚刚有点疑惑不解,后来发现当我触发其它事件的时候,控件消失了!我想,button的click事件会回传,而回传后新建的控件就会消失,我才明白,原来每次都有创建新的控件,只是每次再次点击button

  • DropDownList设置客户端事件思路

    假设:数据源控件GrdiView,无刷新UpdatePannel,友情提示UpdateProgress,分页下拉框DropDownList 一般情况下:Gridview的分页有linkbutton或者button,这样要是想让UpdateProgress提示,很简单,先让GridView隐藏,然后给它加个OnClientClick就搞定! 在DropDownList的onchange事件里: function selectChange() { if ($("select option"

  • JS简单操作select和dropdownlist实例

    本文实例讲述了JS简单操作select和dropdownlist的方法.分享给大家供大家参考.具体实现方法如下: 一.js选中服务器控件select与dropdownlist 1. js操作服务器控件select 复制代码 代码如下: <select id="selectID" onchange="return showMessage()">      <option value="0">==请选择==</optio

  • DropDownList绑定数据表实现两级联动示例

    DropDownList绑定数据表实现两级联动示例

    场景一:平时我们在DropDownList控件下添加下拉选项时,都会使用它的Item.Add方法,直接在代码下添加.如果我们想添加或修改下拉选项,则必须去修改源代码.如果几个DropDownList控件的下拉选项相同,我们则需要重复添加好多次,后期的维护工作很不方便. 场景二:我们在12306网站买票时,肯定遇到过这么一种情景:我们需要先选定目的地的省份,选完省份后在城市选框中会自动加载该省份的城市,实现两级联动. 针对以上两个场景,我们可以用DropDownList直接绑定数据表,根据选择的省

  • 深入DropDownList用法的一些学习总结分析

    首先绑定数据.现收集dropdownlist 的三种 databind 方法如下:基础数据绑定:用ListItem直接枚举出来,适用于不需要修改的类型列表. 复制代码 代码如下: <asp:DropDownList ID="DropDownList1" runat="server">    <asp:ListItem Value="设计家园">设计家园</asp:ListItem>    <asp:Lis

  • 基于Jquery的将DropDownlist的选中值赋给label的实现代码

    jquery代码 复制代码 代码如下: $(function() { $("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1 option:selected").text()); }); 或者 复制代码 代码如下: $("#DropDownList1").bind("change&quo

  • ASP.NET MVC中为DropDownListFor设置选中项的方法

    在MVC中,当涉及到强类型编辑页,如果有select元素,需要根据当前Model的某个属性值,让Select的某项选中.本篇只整理思路,不涉及完整代码. □ 思路 往前台视图传的类型是List<SelectListItem>,把SelectListItem选中项的Selected属性设置为true,再把该类型对象实例放到ViewBag,ViewData或Model中传递给前台视图. 通过遍历List<SelectListItem>类型对象实例 □ 控制器 public Action

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

    在网页开发的过程中,在页面中使用了一个 DropDownList 服务器控件,发现了一个很奇怪的问题,不论在页面中选中哪一项,在后台获取到的值总是第一项的值,看了好久也没有发现问题出在哪里,DropDownList控件在开发中已经使用了无数遍了,对照了其他代码都是一样的! 经过了几分钟之后,实在是看不出问题在哪里只好到网上查找答案,网上果然有不少人遇到"一样"的问题-- DropDownList 总是选中第一项.网上的解决方法都是说在 DropDownList 绑定时要在 Page_L

  • Layui 设置select下拉框自动选中某项的方法

    1. 需求场景分析 用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A.在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经存在的值. 2. Layui的select下拉框是怎么实现的 为了获得一个select标配的下拉框,我们需要在html中填写的内容如下: <div class="layui-form-item"> <label class="layui-form-label"><span

  • Vant UI中van-collapse下拉折叠面板默认展开第一项的方法

    Vant UI中van-collapse下拉折叠面板默认展开第一项的方法

    目录 问题重现 需求实现 附:vant之van-collapse无法默认展开某一项的解决方法 总结 问题重现 最近在做项目时,有一个需求是让 van-collapse 下拉折叠面板的第一项默认是展开状态:我使用到了 Vant UI 组件,首先按照官网文档的写法直接引入: <!--下拉折叠面板--> <van-collapse class="collapse" v-model="activeNames" is-link="false&quo

  • jQuery插件zTree实现清空选中第一个节点所有子节点的方法

    jQuery插件zTree实现清空选中第一个节点所有子节点的方法

    本文实例讲述了jQuery插件zTree实现清空选中第一个节点所有子节点的方法.分享给大家供大家参考,具体如下: 1.实现代码: <!DOCTYPE html> <html> <head> <title>zTree实现基本树</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link r

  • Vuejs在v-for中,利用index来对第一项添加class的方法

    (1)在v-for中,利用index来对第一项添加class 在CODE上查看代码片派生到我的代码片 <a class="list-group-item" :class="{'active':!index}" v-for="(i,index) in announcement"> index来源于v-for,i表示遍历的数组的元素,index表示索引. 由于index从0开始,因此如果要指定第一项有active这个类,那么就用v-bin

  • C#使用DropDownList绑定添加新数据的方法汇总

    DropDownList控件又称下拉列表框控件, 控件 列表 中的多行数 据 以隐含 的形式表 示 出 来,当用户需要选择所需列表项时,通过点击 "下三角 "图形 展示 ,用户每次 只能选用一个 数据项.DropDownList控件实际上是列表项 的 容器 ,下拉列表框 用 Items集合表示各项 的内 容.如果在 ASP．NET页面中逐个 的手 动填写 DropDownList控件的列表选项,当列表项很多 的时候会 比较繁琐 ,而且修改 比较麻烦 . DropDownList控件动态

  • extjs 列表框(multiselect)的动态添加列表项的方法

    因为它这个是创建时自动加载的ArrayStore(关键字是:data: ds),没有动态增加的示例,但我们的项目需要有三个列表框,并且后两个的内容要根据第一个列表框内容动态的加载,因此要在选择第一个列表框的内容时,动态填充后两个的内容.我比较佩服exjts的示例写作人员,这些应该在示例中体现的功能,他们都没有写到,包括之前的2.2版本的示例,网上也没有搜索到,害我找了一天如何动态控制列表数据的功能.首先说明一下,我的方法也不是官方的方法,只是自己灵机一动想到的,下面是动态增加列表项的方法. 在方

  • js实现下拉列表选中某个值的方法(3种方法)

    本文实例讲述了js实现下拉列表选中某个值的方法.分享给大家供大家参考,具体如下: 方法1: <select id="aa"> <option>1</option> <option>2</option> </select> <input type="button" value=" 选中" onclick="checkOption()" /> &l

  • ThinkPHP自定义函数解决模板标签加减运算的方法

    本文实例讲述了ThinkPHP自定义函数解决模板标签加减运算的方法.分享给大家供大家参考.具体如下: 实际项目中,我们经常需要标签变量加减运算的操作.但是,在ThinkPHP中,并不支持模板变量直接运算的操作. 幸运的是,它提供了自定义函数的方法,我们可以利用自定义函数解决: ThinkPHP模板自定义函数语法如下: 格式:{:function(-)} (参考官方帮助文档:http://thinkphp.cn/Manual/196) 利用这个,我们来试做加法和减法. 一.在ThinkPHP中定义

  • jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法

    jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法

    今天做帮一个师姐做网页遇到一个这样的要求: 鼠标不移动进表格,表格透明度不变. 鼠标移动进表格,hover到的单元格透明度不变,没hover到的单元格透明度改变. 先贴我已经实现好的效果,一开始,表格透明度不变. 当我鼠标移动到第二排第三个单元格,其他单元格降低透明度. 解决方法 一开始,我用的是CSS实现方法,是下面这样 #table td{ opacity:0.5; } #table td:hover{ opacity:1; } 不过这样一开始进去的时候表格透明度就是0.5,看起来很不好.

随机推荐