HTMLOptionElement: disabled-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die disabled-Eigenschaft des HTMLOptionElement ist ein boolescher Wert, der angibt, ob das <option>-Element nicht ausgewählt werden kann. Die Eigenschaft spiegelt den Wert des disabled-HTML-Attributs wider.

Die Eigenschaft reflektiert den Wert des disabled-Attributs auf dem <option>-Element selbst. Wenn eine Option deaktiviert ist, weil sie ein Kind eines deaktivierten <optgroup>-Elements ist, wird das true der HTMLOptGroupElement.disabled-Eigenschaft nicht von der Option selbst geerbt.

Wert

Ein boolescher Wert.

Beispiele

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

Ergebnis

Spezifikationen

Specification
HTML
# dom-option-disabled

Browser-Kompatibilität

Siehe auch