HTML DOM Option 对象

在 HTML 中，<option> 元素用于定义 <select> 元素中的选项。每个 <option> 元素表示一个选项，用户可以从中选择一个值。

属性

1. value

• 描述：定义选项的值，将会在提交表单时被发送到服务器。
• 类型：字符串
• 示例：

<select>
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>

2. selected

• 描述：定义初始时是否选中该选项。
• 类型：布尔值
• 示例：

<select>
  <option value="apple">苹果</option>
  <option value="banana" selected>香蕉</option>
  <option value="orange">橙子</option>
</select>

3. disabled

• 描述：定义是否禁用该选项。
• 类型：布尔值
• 示例：

<select>
  <option value="apple">苹果</option>
  <option value="banana" disabled>香蕉</option>
  <option value="orange">橙子</option>
</select>

方法

1. click()

• 描述：模拟用户单击该选项。
• 示例：

document.querySelector('option').click();

2. remove()

• 描述：从父元素中移除该选项。
• 示例：

document.querySelector('option').remove();

3. addEventListener()

• 描述：为选项添加事件监听器。
• 示例：

document.querySelector('option').addEventListener('click', function() {
  console.log('Option clicked!');
});

以上是关于 HTML 对象 <option> 的介绍，希望能帮助你更好地理解和使用这个元素。