オプションのラベル属性

HTML DOM オプション オブジェクト

定義と使用方法

label 属性は下拉リストのオプションで設定または返します label属性 の値。

label属性はオプションの短いバージョンを定義し、この短いバージョンが下拉リストに表示されます。

も参照してください：

HTMLリファレンスマニュアル：HTML <option> label 属性

HTMLリファレンスマニュアル：HTML <option> タグ

例

例1

下拉リストのオプションのタグ値を変更します：

document.getElementById("myOption").label = "newLabel";

実際に試してみてください

例2

下拉リストのオプションのタグ値を返します：

var x = document.getElementById("myOption").label;

実際に試してみてください

例3

下拉リストで選択されたオプションのタグ値を表示します：

var x = document.getElementById("mySelect").selectedIndex;
alert(document.getElementsByTagName("option")[x].label);

実際に試してみてください

文法

label属性を返します：

optionObject.label

label属性の設定：

optionObject.label = text

属性値

値 説明
text オプションに短いバージョンを指定します。

技術詳細

戻り値：

下拉リストのオプションのラベル（label）を示す文字列値。

label 属性が指定されていない場合、<option> 要素のテキスト内容が返されます（text 属性と同じです）。

ブラウザのサポート

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

注記：Firefox では label 属性を設定できません（返却のみできます）。

HTML DOM オプション オブジェクト