加了 runat="server"属性的select控件的value和text（实际值和显示文本）

最新推荐文章于 2019-08-22 18:14:20 发布
原创 最新推荐文章于 2019-08-22 18:14:20 发布 · 5.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#select控件 #value和text #实际值和显示文本

本文详细介绍了如何在ASP.NET Web应用程序中使用Select控件，并通过代码清空现有选项、绑定数据库数据及设置DataTextField属性来实现数据的动态显示。解释了在获取绑定数据时如何使用Value属性取值。

前台html：

加了 runat="server"属性的select控件

<select name="select0" class="inp005" runat="server" id="slParentProject">

                            <option selected>交通</option>
                            <option>通讯费</option>
                            <option>其他收入</option>

                        </select>


后台绑定数据：

                this.slParentProject.Items.Clear();
                this.slParentProject.DataSource = projects;//数据库取出的对象
                this.slParentProject.DataValueField = "ID";
               // this.slParentProject.DataTextField = "ProjectName"; //这里设置了DataTextField属性的话，就显示数据库中对应的字段值，如果不设定，就显示DataValueField所绑定的值。
                this.slParentProject.DataBind();


设置了DataTextField属性


没有设置DataTextField属性，显示的是ID值（我用的Guid做主键）



后台如果要取用绑定在select控件中的ID时可以使用它的value属性

string parentIDStr = this.slParentProject.Value;//这里就如同一般情况下的加了runat="server"属性的Html控件在后台的取值方式

JS获取DropDownList的value值与text值的示例代码
10-26
- `<asp:ListItem>`标签用来创建具体的下拉列表项，`Value`属性定义选项的value值，标签内部的文本则是显示给用户的text值。 通过这段代码，用户可以在下拉列表中选择不同的选项，而一旦选项改变，就会触发`...
基于jQuery的获得各种控件Value的方法
10-28
<input type="radio" name="radioSelect" value="A"/>A <input type="radio" name="radioSelect" value="B"/>B <input type="radio" name="radioSelect" value="C"/>C <input type="radio" name=...
DotNetNuke出错：“Runat 属性必须具有值 Server（The Runat attribute must have the value Server Error）"...
weixin_33875564的博客
08-24 160
今天DotNetNuke建立的网站的永日模块有部份功能不能运行，提示“Runat 属性必须具有值 Server" 引起这个错误的原因是因为8月份最新的一个Windows系统升级程序，解决的办法如下： 把 /controls/TextEditor.ascx 第9行 id = ”celTextEditor” Runat=”Server” 修改为 id = "celTextEditor" Run...
后台获取前台runat=server的select的值
weixin_34111790的博客
08-07 404
&lt;li&gt; &lt;asp:Label ID="Lpro" runat="server" Text="省份：" CssClass="fixWidth"&gt;&lt;/asp:Label&gt; &lt;select id="Select1" name=&quo
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <style type="text/css"> .GridViewStyle { border-collapse: collapse; width: 100%; text-align:center } .GridViewStyle th, .GridViewStyle td { border: 1px solid #ddd; padding: 8px; } .GridViewStyle tr:hover { background-color: #f1f1f1; } </style> <body> <form id="form1" runat="server"> <div> <asp:Button ID="downloadmon1" runat="server" Text="下载数据" OnClick="downloadmon1_Click" /> <asp:FileUpload ID="FileUp" runat="server" Text="选择文件"/> <asp:Button ID="btn_ExInto_pass" runat="server" Text="导入" OnClick="btn_ExInto_pass_Click" /> </div> <div> <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" CssClass="GridViewStyle" DataKeyNames="Dept,Week,Month" AutoGenerateEditButton="False" AllowPaging="True" PageSize="20" Visible="false"> <Columns> <asp:BoundField DataField="Plant" HeaderText="Plant" ReadOnly="True" /> <asp:BoundField DataField="Dept" HeaderText="Dept" ReadOnly="True"/> <asp:BoundField DataField="Month" HeaderText="Month" ReadOnly="True"/> <asp:BoundField DataField="Week" HeaderText="Week" ReadOnly="True"/> <asp:TemplateField HeaderText="OT_Time"> <ItemTemplate> <asp:Label ID="lblEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField ShowHeader="False"> <ItemTemplate> <asp:LinkButton ID="lnkEdit" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit"></asp:LinkButton> </ItemTemplate> <EditItemTemplate> <asp:LinkButton ID="lnkUpdate" runat="server" CommandName="Update" Text="Update"></asp:LinkButton> <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton> </EditItemTemplate> </asp:TemplateField> </Columns> <HeaderStyle Wrap="False" /> </asp:GridView> </div> <div> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CssClass="GridViewStyle" DataKeyNames="Dept,Week,Month" DataSourceID="SqlDataSource1" AutoGenerateEditButton="False" AllowPaging="True" PageSize="20"> <Columns> <asp:BoundField DataField="Plant" HeaderText="Plant" ReadOnly="True" /> <asp:BoundField DataField="Dept" HeaderText="Dept" ReadOnly="True"/> <asp:BoundField DataField="Month" HeaderText="Month" ReadOnly="True"/> <asp:BoundField DataField="Week" HeaderText="Week" ReadOnly="True"/> <asp:TemplateField HeaderText="OT_Time"> <ItemTemplate> <asp:Label ID="lblEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField ShowHeader="False"> <ItemTemplate> <asp:LinkButton ID="lnkEdit" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit"></asp:LinkButton> </ItemTemplate> <EditItemTemplate> <asp:LinkButton ID="lnkUpdate" runat="server" CommandName="Update" Text="Update"></asp:LinkButton> <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton> </EditItemTemplate> </asp:TemplateField> </Columns> <HeaderStyle Wrap="False" /> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ApplicationServices %>" SelectCommand="SELECT A.* FROM [Assembly].[dbo].[MPE_HC_OT] AS A LEFT JOIN (SELECT TOP 1 'WW'+Week AS Time FROM [Assembly].[dbo].[MPE_Loading_PTime_Dept_Week] WHERE DEPT='AG1') AS B ON A.WEEK>= B.TIME WHERE A.Week >= B.Time ORDER BY A.Month" UpdateCommand="UPDATE MPE_HC_OT SET OT_Time=@OT_Time,OT_Time_Active='1' WHERE Dept=@Dept and Month=@Month and Week= @Week"> </asp:SqlDataSource> </div> </form> </body> </html>
最新发布
08-16
然而，可以通过隐藏原生的 `FileUpload` 控件，并使用自定义的按钮和标签来实现中文文本的显示效果。 ### 使用 CSS 和 JavaScript 自定义按钮文本 可以通过将 `FileUpload` 控件隐藏，并使用 `<input type="button...
asp.net获取select值的方法
10-26
通过访问该对象的`Text`属性，我们可以获取到用户选中项显示的文本。同样，通过访问`Value`属性，我们可以得到与选项相关联的值。这个值通常是一个字符串，可以被指定在`<option>`标签的`value`属性中。 需要注意的...
asp.net中的runat="server" 属性
仰望星空，脚踏实地
05-25 1326
转载于：http://blog.163.com/fighter_lujie/blog/static/128489580201105101938932/ aspx运行时会被编译,其中没有runat server属性的html标签会被直接写入response,有runat server属性的html标签会转换成对应的HtmlControl子类加入到页面的控件集合中,按照一个控件的生命周期进行处理,这
服务端控件绑定后台变量值无效runat="Server" <%= **** %>
weixin_34175509的博客
09-19 276
  　　一个诡异的问题。服务端控件绑定后台变量值无效。 这是一段Asp.Net代码 &lt;div&gt; &lt;input type="text" name="name" runat="Server" value="&lt;%=IMaxPage %&gt;" /&gt; &lt;/div&a
控件添加与不添加runat="server"的作用及区别
热门推荐
刘彬的编程技术博客
07-19 1万+
1.runat="server"的作用？ runat="server"是将ASPX中某个控件标识为服务器端的控件，使得服务端（CS）中可以直接访问它   2.runat="server"添加与不添加的区别？ （1）aspx运行时会被编译，其中没有runat="server"属性的html标签会被直接写入response,有runat="server"属性的html标签会转换成对应的Html...
后台获取前台runat=server的select的值（省市选择器）
张东的专栏
10-06 4970
这样写:前台; HTML code li> asp:Label ID="Lpro" runat="server" Text="省份：" CssClass="fixWidth">asp:Label> select id="Select1" name="Select1" runat="server" oncha
select对象和option对象联合应用
实践求真知
04-12 597
一 代码 1、在页面中添加一个2行3列的表格，在左右两边的单元格中添加滚动列表，在中间的单元格中添加两个按钮。代码如下：       任务地区1 甘肃省 辽宁省 黑龙江省 吉林省 浙江省 <input name="sure1" type="bu
Form中runat="server"属性的意义
goon202的专栏
04-29 2905
运行编译aspx文件时，无runat server属性的标签直接写入Response；有runat server属性的标签，将被转换为HtmlContrl控件加入到ASP.NET自带的控件集合中。用法区别：一个最直接的表现就是,当你写一个id="abc"的div,如果有runat server属性,在你的aspx.cs文件中直接可以使用abc.XXX来操作这个对象,而没有runat server的
.Net/C#（4）——Ajax至后台获取值并返回前台的问题解决（select控件不用runat=server，通过Ajax获取值）
風的博客
08-22 1235
（不涉及数据库，举例说说我之前犯得错） 一： 先提供Demo代码(Ajax能正常返回值，若有问题，请及时交流，谢谢~)： ZFQKDT.aspx： 【其实跟select控件没关系，因为只是测试Ajax能不能正常返回data】 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ZFQKDT.aspx.cs" Inherit...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值