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