HTML服务器控件介绍:HtmlSelect控件
http://www.itjxue.com 2015-07-17 01:59 来源:未知 点击次数:
请首先查看: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控件中选中的值决定了哪个图片被显示。看到本信息,说明该文章来源于IT教学网www.itjxue.com,如果文章不完整请到IT教学网itjxue.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 )