HTMLSelectElement: disabled 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨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;
});

结果

规范

规范
HTML # dom-fe-disabled

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2025年9月18日⁩，由 MDN 贡献者进行修改。

在 GitHub 上查看此页面 • 报告此内容的问题