ASP.NET HtmlSelect Control


定义和用法

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

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

<!DOCTYPE html>
<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="smiley.gif" runat="server" width="32" height="32" />
</form>

</body>
</html>

在本例中,我们在 .aspx 文件中声明一个 HtmlImage 控件和一个 HTMLSelect 控件(记得把控件嵌套在 HtmlForm 控件中)。然后我们会根据用户的选择来修改 HtmlImage 控件的 src 属性。在 HtmlSelect 控件中选择的值决定了显示哪幅图像。