JavaScript HTML DOM Select 对象

Select 对象代表 HTML 表单中的一个下拉列表。

注意： Internet Explorer 8和早期版本不支持<Select>元素。

在 HTML 表单中，<select> 标签每出现一次，一个 Select 对象就会被创建。

可通过遍历表单的 elements[] 数组来访问某个 Select 对象，或者使用 document.querySelector()。

 

访问Select 对象

可以使用querySelector()访问<Select>元素：

var x = document.querySelector("#mySelect");

Select 对象集合

W3C： W3C 标准。

集合	描述	W3C
options	返回包含下拉列表中的所有选项的一个数组。	Yes

Select 对象属性

属性	描述	W3C
disabled	设置或返回是否应禁用下拉列表。	Yes
form	返回对包含下拉列表的表单的引用。	Yes
length	返回下拉列表中的选项数目。	Yes
multiple	设置或返回是否选择多个项目。	Yes
name	设置或返回下拉列表的名称。	Yes
selectedIndex	设置或返回下拉列表中被选项目的索引号。	Yes
size	设置或返回下拉列表中的可见行数。	Yes
type	返回下拉列表的表单类型。	Yes

Select 对象方法

方法	描述	W3C
add()	向下拉列表添加一个选项。	Yes
remove()	从下拉列表中删除一个选项。	Yes

标准属性和事件

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

• 创建 Script 对象
• JavaScript HTML DOM Source 对象