<option>
元素表示下拉框(<select>
,<optgroup>
或<datalist>
)里面的一個(gè)選項(xiàng)。它是 HTMLOptionElement 接口的實(shí)例。
屬性
除了繼承 HTMLElement 接口的屬性和方法,HTMLOptionElement 接口具有下面的屬性。
disabled
:布爾值,表示該項(xiàng)是否可選擇。defaultSelected
:布爾值,表示該項(xiàng)是否默認(rèn)選中。一旦設(shè)為true
,該項(xiàng)的值就是<select>
的默認(rèn)值。form
:返回<option>
所在的表單元素。如果不屬于任何表單,則返回null
。該屬性只讀。index
:整數(shù),表示該選項(xiàng)在整個(gè)下拉列表里面的位置。該屬性只讀。label
:字符串,表示對(duì)該選項(xiàng)的說明。如果該屬性未設(shè)置,則返回該選項(xiàng)的文本內(nèi)容。selected
:布爾值,表示該選項(xiàng)是否選中。text
:字符串,該選項(xiàng)的文本內(nèi)容。value
:字符串,該選項(xiàng)的值。表單提交時(shí),上傳的就是選中項(xiàng)的這個(gè)屬性。
Option() 構(gòu)造函數(shù)
瀏覽器原生提供Option()
構(gòu)造函數(shù),用來(lái)生成 HTMLOptionElement 實(shí)例。
new Option(text, value, defaultSelected, selected)
它接受四個(gè)參數(shù),都是可選的。
- text:字符串,表示該選項(xiàng)的文本內(nèi)容。如果省略,返回空字符串。
- value:字符串,表示該選項(xiàng)的值。如果省略,默認(rèn)返回
text
屬性的值。 - defaultSelected:布爾值,表示該項(xiàng)是否默認(rèn)選中,默認(rèn)為
false
。注意,即使設(shè)為true
,也不代表該項(xiàng)的selected
屬性為true
。 - selected:布爾值,表示該項(xiàng)是否選中,默認(rèn)為
false
。
var newOption = new Option('hello', 'world', true);
newOption.text // "hello"
newOption.value // "world"
newOption.defaultSelected // true
newOption.selected // false
上面代碼中,newOption
的defaultSelected
屬性為true
,但是它沒有被選中(即selected
屬性為false
)。
更多建議: