什么是 <option> 标签？
<option> 是 HTML 中用于定义下拉列表（<select>）中可选项的标签。
每个 <option> 代表用户可以选择的一个值。
基本语法
<select name="example">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>常用属性
- value：提交表单时发送给服务器的值。
- selected：指定该选项默认被选中。
- disabled：禁用该选项，用户无法选择。
- label（较少用）：为选项提供一个简短标签。
示例：默认选中与禁用
<select>
<option value="volvo">沃尔沃</option>
<option value="saab" selected>萨博（默认选中）</option>
<option value="opel" disabled>欧宝（不可选）</option>
<option value="audi">奥迪</option>
</select>与 <optgroup> 配合分组
可以使用 <optgroup> 对选项进行逻辑分组：
<select>
<optgroup label="欧洲品牌">
<option value="bmw">宝马</option>
<option value="mercedes">奔驰</option>
</optgroup>
<optgroup label="日本品牌">
<option value="toyota">丰田</option>
<option value="honda">本田</option>
</optgroup>
</select>JavaScript 动态操作示例
可通过 JavaScript 获取或设置选中项：
// 获取选中的值
const select = document.querySelector('select');
select.addEventListener('change', () => {
console.log('选中值：', select.value);
});