Select disabled 属性

HTML DOM Select オブジェクト

定義と使用方法

disabled ドロップダウンリストを無効化するかどうかを設定または返却する属性

無効化された要素は使用できず、クリックもできません。デフォルトでは、無効化された要素はブラウザで灰色で表示されます。

この属性は以下を反映 HTML disabled 属性。

参照もしくは関連：

HTML 参考マニュアル：HTML <select> disabled 属性

HTML 参考マニュアル：HTML <select> タグ

例

例 1

ドロップダウンリストを無効化：

document.getElementById("mySelect").disabled = true;

自分で試してみる

例 2

ドロップダウンリストが無効化されているか確認：

var x = document.getElementById("mySelect").disabled;

自分で試してみる

文法

disabled 属性の返却：

selectObject.disabled

disabled 属性の設定：

selectObject.disabled = true|false

属性値

値 説明
true|false

下拉リストを無効化するかどうかを指定します。

  • true - 下拉リストが無効化されています
  • false - デフォルト。下拉リストは無効化されていません

技術的詳細

返り値： ブール値、下拉リストが無効化されている場合に true を返し、それ以外の場合に false を返します。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM Select オブジェクト