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 对象同时支持标准属性和事件。

相关页面

HTML 教程：HTML 表单

HTML 参考手册：HTML <select> 标签