HTMLSelectElement：disabled 属性

基线广泛可用

此功能已得到充分确立，并且可在许多设备和浏览器版本上运行。它自以下日期起在所有浏览器中均可用： 2015 年 7 月.

HTMLSelectElement.disabled 属性是一个布尔值，它反映了disabled HTML 属性，该属性指示控件是否已禁用。如果已禁用，则不接受点击。禁用的元素不可用且不可点击。

值

布尔值。

示例

HTML

html

<label>
  Allow drinks?
  <input id="allow-drinks" type="checkbox" />
</label>

<label for="drink-select">Drink selection:</label>
<select id="drink-select" disabled>
  <option value="1">Water</option>
  <option value="2">Beer</option>
  <option value="3">Pepsi</option>
  <option value="4">Whisky</option>
</select>

JavaScript

const allowDrinksCheckbox = document.getElementById("allow-drinks");
const drinkSelect = document.getElementById("drink-select");

allowDrinksCheckbox.addEventListener(
  "change",
  (event) => {
    drinkSelect.disabled = !event.target.checked;
  },
  false,
);

结果

规范

规范
HTML 标准 # dom-fe-disabled

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。