HTMLSelectElement: 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 HTMLSelectElement.disabled là một giá trị boolean phản ánh thuộc tính HTML disabled, cho biết điều khiển có bị vô hiệu hóa hay không. Nếu bị vô hiệu hóa, nó không nhận lần nhấp. Một phần tử bị vô hiệu hóa là không thể sử dụng và không thể nhấp.
Giá trị
Một giá trị boolean.
Ví dụ
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;
});
Kết quả
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # dom-fe-disabled |