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