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 上檢視此頁面 • 報告此內容的問題