From ed4edb19c89e81e9f6e68f6820b166d106519be6 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 28 Oct 2021 02:00:01 +0900 Subject: Web/API/HTMLSelectElement 以下の文書を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/10/27 時点の英語版に同期 - add, checkValidity, disabled, form, labels, namedItem, remove, selectedIndex, selectedOptions, setCustomValidaty, type については新規翻訳 --- .../ja/web/api/htmlselectelement/disabled/index.md | 66 ++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 files/ja/web/api/htmlselectelement/disabled/index.md (limited to 'files/ja/web/api/htmlselectelement/disabled') diff --git a/files/ja/web/api/htmlselectelement/disabled/index.md b/files/ja/web/api/htmlselectelement/disabled/index.md new file mode 100644 index 0000000000..6c0b222256 --- /dev/null +++ b/files/ja/web/api/htmlselectelement/disabled/index.md @@ -0,0 +1,66 @@ +--- +title: HTMLSelectElement.disabled +slug: Web/API/HTMLSelectElement/disabled +tags: + - API + - HTML DOM + - HTMLSelectElement + - プロパティ +browser-compat: api.HTMLSelectElement.disabled +translation_of: Web/API/HTMLSelectElement/disabled +--- +{{ APIRef("HTML DOM") }} + +**`HTMLSelectElement.disabled`** は論理値で、HTML の [`disabled`](/ja/docs/Web/HTML/Element/select#attr-disabled) 属性を反映し、このコントロールが無効であるかどうかを示します。無効であった場合、クリックを受け付けません。無効な要素は使用できず、クリックできません。 + +## 構文 + +```js +aSelectElement.disabled = aBool; +``` + +

+ +### HTML + +```html + + + + +``` + +### JavaScript + +```js +var allowDrinksCheckbox = document.getElementById("allow-drinks"); +var drinkSelect = document.getElementById("drink-select"); + +allowDrinksCheckbox.addEventListener("change", function(event) { +  if (event.target.checked) { +    drinkSelect.disabled = false; +  } else { +    drinkSelect.disabled = true; +  } +}, false); +``` + +### 結果 + +{{EmbedLiveSample('Example')}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} -- cgit v1.2.3-54-g00ecf