HTMLOptionElement : propriété disabled

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

La propriété disabled de l'interface HTMLOptionElement est une valeur booléenne qui indique si l'élément HTML <option> n'est pas disponible à la sélection. Cette propriété reflète la valeur de l'attribut HTML disabled.

La propriété reflète la valeur de l'attribut disabled sur l'élément <option> lui-même. Si une option est désactivée parce qu'elle est enfant d'un élément <optgroup> désactivé, la valeur true de la propriété HTMLOptGroupElement.disabled n'est pas hérité par l'option elle-même.

<label for="drink-options">Sélection de boisson&nbsp;:</label>
<select id="drink-options">
  <option value="water">Eau</option>
  <option value="lemonade">Limonade</option>
  <option value="beer">Bière</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; // désactive l'option limonade