定义和用法
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 控件中选择的值决定了显示哪幅图像。