最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Option label Property

例

更改下拉列表中的选项的标签值：

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

定义和用法

标签属性设置或返回的值label在下拉列表中选择一项属性。

该label属性指定的选项的短版。

较短的版本将显示在下拉列表中。

浏览器支持

标签属性在所有主流浏览器的支持。

句法

返回标签属性：

optionObject .label

设置标签属性：

optionObject .label= 属性值

值	描述
text	指定一个较短的版本供选择

技术细节

返回值：	一个String，表示在下拉列表中选择的标签。如果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>标签属性