HTMLOptionElement: disabled 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

HTMLOptionElement 的 disabled 属性是一个布尔值，表示该 <option> 元素是否不可选。该属性反映了 disabled HTML 属性的值。

该属性反映了 <option> 元素本身上的 disabled 属性的值。如果一个选项因为是禁用 <optgroup> 元素的子元素而禁用，那么 HTMLOptGroupElement.disabled 属性的 true 值不会被选项本身继承。

值

一个布尔值。

示例

HTML

html

<label for="drink-options">Drink selection:</label>
<select id="drink-options">
  <option value="water">Water</option>
  <option value="lemonade">Lemonade</option>
  <option value="beer">Beer</option>
  <option value="whisky" disabled>Whisky</option>
</select>

JavaScript

const drinks = document.querySelectorAll("#drink-options option");
console.log(drinks[0].disabled); // false
console.log(drinks[3].disabled); // true
drinks[1].disabled = true; // disables the beer option

结果

规范

规范
HTML # dom-option-disabled

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年4月14日，由 MDN 贡献者进行了修改。

在 GitHub 上查看此页面 • 报告此内容的问题