1. 程式人生 > 實用技巧 >JavaScript HTML DOM Select 物件

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 物件同樣支援標準的屬性事件