HTMLOptionElement: disabled 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

HTMLOptionElementdisabled 屬性是一個布林值,表示該 <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

js
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

瀏覽器相容性

另見