# <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`）。