Thuộc tính nhãn tùy chọn

Đối tượng Option DOM HTML

Định nghĩa và cách sử dụng

label Thuộc tính được đặt hoặc trả về trong các tùy chọn của danh sách thả xuống Thuộc tính label giá trị.

Thuộc tính label quy định phiên bản ngắn hơn của tùy chọn, phiên bản ngắn hơn này sẽ được hiển thị trong danh sách thả xuống.

Xin xem thêm:

Hướng dẫn HTML:Thuộc tính label của thẻ <option> HTML

Hướng dẫn HTML:Thẻ <option> HTML

Mô hình

Ví dụ 1

Thay đổi giá trị nhãn của tùy chọn trong danh sách thả xuống:

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

Thử trực tiếp

Ví dụ 2

Trả về giá trị nhãn của tùy chọn trong danh sách thả xuống:

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

Thử trực tiếp

Ví dụ 3

Hiển thị giá trị nhãn của tùy chọn đã chọn trong danh sách thả xuống:

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

Thử trực tiếp

Cú pháp

Trả về thuộc tính label:

optionObject.label

Đặt thuộc tính label:

optionObject.label = text

Giá trị thuộc tính

Giá trị Mô tả
text Định nghĩa phiên bản ngắn hơn cho tùy chọn.

Chi tiết kỹ thuật

Giá trị trả về:

Giá trị chuỗi, biểu thị nhãn của tùy chọn trong danh sách thả xuống (label).

Nếu không quy định thuộc tính label, nó sẽ trả về nội dung văn bản của thẻ <option> (người giống như thuộc tính text).

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Ghi chú:Không thể thiết lập thuộc tính label trong Firefox (chỉ có thể trả về).

Đối tượng Option DOM HTML