HTMLSelectElement: disabled-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die HTMLSelectElement.disabled
-Eigenschaft ist ein boolescher Wert, der das
disabled
HTML-Attribut widerspiegelt, welches angibt, ob das Steuerelement deaktiviert ist. Wenn es deaktiviert ist,
akzeptiert es keine Klicks. Ein deaktiviertes Element ist unbenutzbar und nicht anklickbar.
Wert
Ein boolescher Wert.
Beispiele
>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
js
const allowDrinksCheckbox = document.getElementById("allow-drinks");
const drinkSelect = document.getElementById("drink-select");
allowDrinksCheckbox.addEventListener("change", (event) => {
drinkSelect.disabled = !event.target.checked;
});
Ergebnis
Spezifikationen
Specification |
---|
HTML> # dom-fe-disabled> |
Browser-Kompatibilität
Loading…