JavaScript <option>

<option>元素表示下拉框（<select>，<optgroup>或<datalist>）里面的一個選項。它是 HTMLOptionElement 接口的實例。

屬性 

除了繼承 HTMLElement 接口的屬性和方法，HTMLOptionElement 接口具有下面的屬性。

• disabled：布爾值，表示該項是否可選擇。
• defaultSelected：布爾值，表示該項是否默認選中。一旦設為true，該項的值就是<select>的默認值。
• form：返回<option>所在的表單元素。如果不屬于任何表單，則返回null。該屬性只讀。
• index：整數(shù)，表示該選項在整個下拉列表里面的位置。該屬性只讀。
• label：字符串，表示對該選項的說明。如果該屬性未設置，則返回該選項的文本內(nèi)容。
• selected：布爾值，表示該選項是否選中。
• text：字符串，該選項的文本內(nèi)容。
• value：字符串，該選項的值。表單提交時，上傳的就是選中項的這個屬性。

Option() 構造函數(shù) 

瀏覽器原生提供Option()構造函數(shù)，用來生成 HTMLOptionElement 實例。

new Option(text, value, defaultSelected, selected)

它接受四個參數(shù)，都是可選的。

• text：字符串，表示該選項的文本內(nèi)容。如果省略，返回空字符串。
• value：字符串，表示該選項的值。如果省略，默認返回text屬性的值。
• defaultSelected：布爾值，表示該項是否默認選中，默認為false。注意，即使設為true，也不代表該項的selected屬性為true。
• selected：布爾值，表示該項是否選中，默認為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）。