Option label 屬性

定義和用法

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 屬性(只能返回)。