最新のWeb開発のチュートリアル
 

Option label Property

<オプションオブジェクト

ドロップダウンリスト内のオプションのラベル値を変更します。

document.getElementById("myOption").label = "newLabel";
»それを自分で試してみてください

定義と使用法

ラベルのプロパティセットまたはの値を返すlabelドロップダウンリスト内のオプションで属性を。

label属性は、オプションの短いバージョンを指定します。

短いバージョンは、ドロップダウンリストに表示されます。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

labelプロパティは、すべての主要なブラウザでサポートされています。


構文

labelプロパティを返します:

optionObject .label

labelプロパティを設定します。

optionObject .label= プロパティ値
説明
text オプションの短いバージョンを指定します。

技術的な詳細

戻り値: ドロップダウンリストのオプションのラベルを表す文字列。 場合はlabel属性が指定されていない、それが返されます<option>ではなく要素のテキストの内容を(same as the text property)

その他の例

ドロップダウンリスト内のオプションのラベル値を返します:

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

xの結果は次のようになります。

Mercedes
»それを自分で試してみてください

ドロップダウンリストで選択されたオプションのラベル値を警告:

var x = document.getElementById("mySelect").selectedIndex;
alert(document.getElementsByTagName("option")[x].label);
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <option> label属性


<オプションオブジェクト