HTML DOM Select 对象

Select 对象

Select 对象代表 HTML <select> 元素。

访问 Select 对象

您可以使用 getElementById() 访问 <select> 元素：

var x = document.getElementById("mySelect");

亲自试一试

提示：您还可以通过遍历表单的 elements 集合来访问 Select 对象。

创建 Select 对象

您可以使用 document.createElement() 创建 <select> 元素：

var x = document.createElement("SELECT");

亲自试一试

Select 对象集合

集合	描述
options	返回下拉列表中所有选项的集合。

Select 对象属性

属性	描述
autofocus	设置或返回页面加载时下拉列表是否应自动获得焦点。
disabled	设置或返回是否禁用下拉列表。
form	返回对包含下拉列表的表单的引用。
length	返回下拉列表中 `<option>` 元素的数量。
multiple	设置或返回是否可以从下拉列表中选择多个选项。
name	设置或返回下拉列表的 `name` 属性值。
selectedIndex	设置或返回下拉列表中选定选项的索引。
size	设置或返回下拉列表的 `size` 属性值。
type	返回下拉列表是哪种类型的表单元素。
value	设置或返回下拉列表中选定选项的值。

Select 对象方法

方法	描述
add()	将选项添加到下拉列表。
checkValidity()
remove()	从下拉列表中删除选项。

标准属性和事件

Select 对象同时支持标准属性和事件。