JavaScript <option>

<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)的說(shuō)明。如果該屬性未設(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，但是它沒(méi)有被選中（即selected屬性為false）。