ASP.NET HtmlSelect 控件

ASP.NET 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	下拉列表中可见项目的数目。
Style	设置或返回被应用到该控件的 CSS 属性。
TagName	返回元素的标签名。
Value	当前被选项目的值。
Visible	布尔值，指示该控件是否可见。

实例

HTMLSelect

在本例中，我们在 .aspx 文件中声明一个 HtmlImage 控件以及一个 HTMLSelect 控件。然后我们会根据用户的选择来修改 HtmlImage 控件的 src 属性。在 HtmlSelect 控件中选择的值决定了显示哪幅图像。

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = select1.Value
End Sub
</script>
<html>
<body>
<form runat="server">
<select id="select1" runat="server">
   <option value="/uploads/projects/aspnet/i/eg_smile.gif">笑脸</option>
   <option value="/i/eg_bulbon.gif">灯泡</option>
   <option value="/i/eg_mouse.jpg">鼠标</option>
</select>
<input type="submit" runat="server" value="显示图像"
OnServerClick="choose_image">
<br /><br />
<img id="image1" src="/uploads/projects/aspnet/i/eg_smile.gif" runat="server" />
</form>
</body>
</html>