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> 標簽