当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > HTML服务器控件介绍:HtmlSelect控件

ASP.NET
asp.net 使用Silverlight操作ASPNETDB数据库
ASP.NET 前后台调用方法
ASP.NET中等安全模式的一些经验分享
asp.net 打印控件使用方法
网站开发技术:ASP.NET 2.0搭建网站
ASP.NET实例教程:创建数据透视表
ASP.NET 4进行SEO优化提高网站排名和权重
ASP.NET实例教程:订阅 GeoRSS 订阅源
ASP.NET页面间数据传递的9种方法
ASP.NET教程:网页表单多个按钮完成不同功能
Asp.net的服务器推技术 (Server Push)
asp.net 无刷新附件上传实现方法
ASP.NET 定制简单的错误处理页面实现代码
c# 在WebBrowser中用SendMessage模拟鼠标点击
asp.net 表单验证新思路
.NET从优酷专辑中采集所有视频及信息(VB.NET代码)
VS2005 水晶报表在时部署时遇到的问题
ASP.NET 输出图片简单代码
一天精通asp.net的学习经验小结
DataGridView中绑定DataTable数据及相关操作实现代码

ASP.NET 中的 HTML服务器控件介绍:HtmlSelect控件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 60 ::
收藏到网摘: n/a

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlSelect控件

定义和用法

HtmlSelect控件用来控制<select>元素。在HTML中,<select>元素用来建立一个下拉列表。


属性

属性 说明
Attributes 返回此元素所有属性名和属性值
DataMember 要使用的数据表名称
DataSource 要使用的数据源名称
DataTextField 数据源中的一个将被显示在下拉列表中的字段
DataValueField 数据源中的一个指定下拉列表中每个可选项的值的字段
Disabled 指明此控件是否被禁止的一个布尔值。默认值是false
id 此控件的唯一id
InnerHtml 设置或返回HTML元素开始标签和结束标签之间的内容。特殊字符不会被自动转换成HTML实体
InnerText 设置或返回HTML元素开始标签和结束标签之间的所有文本。特殊字符将被自动转换成HTML实体
Items 下拉列表选项清单
Multiple 是否可一次选择多项
OnServerChange 选择项发生变化时将被执行的函数名称
runat 规定此控件是服务器控件。  必须被设置为"server"
SelectedIndex 被选项的索引指针
Size 下拉列表中的可见选项数目The number of visible items in the drop-down list
Style 设置或返回应用于此控件的CSS特性
TagName 返回此元素的标签名称
Value 当前选中项的值
Visible 指明此控件是否可见的一个布尔值

示例

在此示例中我们在一个.aspx文件中声明一个HtmlImage及一个HTMLSelect控件(要记住把控件嵌入HtmlForm控件中)。然后我们根据用户的选择来修改HtmlImage控件的src属性。在HtmlSelect控件中选中的值决定了哪个图片被显示。看到本信息,说明该文章来源于软晨学习网www.RuanChen.Com,如果文章不完整请到软晨学习网RuanChen.Com浏览!

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = "/images/" & select1.Value
End Sub
</script>


<html>
<body>

<form runat="server">
<select id="select1" runat="server">
   <option value="smiley.gif">Smiley</option>
   <option value="angry.gif">Angry</option>
   <option value="stickman.gif">Stickman</option>
</select>
<input type="submit" runat="server" value="Display image"
OnServerClick="choose_image">
<br /><br />
<img id="image1" src="/images/smiley.gif" runat="server" />
</form>

</body>
</html>

在本示例中你也许要用到这几个小图片,请把它们保存到正确的路径下。
Smiley Angry Stickman )