HTMLOptionElement: thuộc tính disabled

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.

Thuộc tính disabled của HTMLOptionElement là một giá trị boolean cho biết liệu phần tử <option> có bị vô hiệu hóa hay không. Thuộc tính này phản ánh giá trị của thuộc tính HTML disabled.

Thuộc tính phản ánh giá trị của thuộc tính disabled trên chính phần tử <option>. Nếu một tùy chọn bị vô hiệu hóa vì nó là con của phần tử <optgroup> bị vô hiệu hóa, giá trị true của thuộc tính HTMLOptGroupElement.disabled không được kế thừa bởi bản thân tùy chọn đó.

<label for="drink-options">Lựa chọn đồ uống:</label>
<select id="drink-options">
  <option value="water">Nước</option>
  <option value="lemonade">Nước chanh</option>
  <option value="beer">Bia</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; // vô hiệu hóa tùy chọn bia