JavaScript 中的 Option 元素属性197

在 JavaScript 中，Option 元素代表下拉列表中的一个选项。它具有多种属性，可用于控制选项的外观和行为。本文将探讨 Option 元素的常用属性，并提供代码示例以说明其用法。

1. disabled

disabled 属性用于禁用选项，使其无法选中。该属性是一个布尔值，如果设置为 true，则禁用选项；如果设置为 false，则启用选项。以下是启用和禁用选项的示例：```
// 禁用选项
("myOption").disabled = true;
// 启用选项
("myOption").disabled = false;
```

2. label

label 属性指定选项的文本标签。它是一个字符串值，表示显示在下拉列表中的选项文本。以下是设置选项标签的示例：```
("myOption").label = "New Label";
```

3. selected

selected 属性用于选中或取消选中选项。该属性是一个布尔值，如果设置为 true，则选中选项；如果设置为 false，则取消选中选项。以下是选中和取消选中选项的示例：```
// 选中选项
("myOption").selected = true;
// 取消选中选项
("myOption").selected = false;
```

4. value

value 属性指定选项的值。它是一个字符串值，表示与选项关联的值。该值通常用于提交表单或进行其他操作。以下是设置选项值的示例：```
("myOption").value = "myValue";
```

5. index

index 属性返回选项在下拉列表中的索引。索引是从 0 开始的，表示选项在列表中的位置。以下是获取选项索引的示例：```
var index = ("myOption").index;
```

6. parentElement

parentElement 属性返回包含选项的 Select 元素。它是一个 SelectElement 对象，表示下拉列表。以下是获取选项的父 Select 元素的示例：```
var select = ("myOption").parentElement;
```

7. textContent

textContent 属性返回选项的文本内容。它是一个字符串值，表示选项的可见文本。以下是获取选项文本内容的示例：```
var text = ("myOption").textContent;
```

8. getAttribute()

getAttribute() 方法可用于获取选项的任何属性。它接受属性名称作为参数，并返回该属性的值。以下是使用 getAttribute() 获取选项 label 的示例：```
var label = ("myOption").getAttribute("label");
```

9. setAttribute()

setAttribute() 方法可用于设置选项的任何属性。它接受属性名称和值作为参数，并设置该属性的值。以下是使用 setAttribute() 设置选项 label 的示例：```
("myOption").setAttribute("label", "New Label");
```