HTML DOM Select 对象

阅读（0）
赞（0）
踩（0）
纠错

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> 标签