HTMLOptionElement : propriété disabled - Les API Web

HTMLOptionElement : propriété disabled - Les API Web | MDN

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