Hướng dẫn get label select option javascript - lấy nhãn chọn tùy chọn javascript

HTML JavaScript Câu hỏi

Để có được giá trị đã chọn của đầu vào, tôi có thể sử dụng



document.getElementById('gender').value

Có cách nào dễ dàng để tôi có được nhãn được chọn (tức là chỉ / nam / nữ chỉ) với javascript không?

Cảm ơn nhiều vì đã đọc.

Khi được hỏi ngày 24 tháng 5 năm 2009 lúc 13:14May 24, 2009 at 13:14

Hướng dẫn get label select option javascript - lấy nhãn chọn tùy chọn javascript

var el = document.getElementById('gender');
var text = el.options[el.selectedIndex].innerHTML;

Đã trả lời ngày 24 tháng 5 năm 2009 lúc 13:18May 24, 2009 at 13:18

GideongideonGideon

17.9k5 Huy hiệu vàng44 Huy hiệu bạc64 Huy hiệu đồng5 gold badges44 silver badges64 bronze badges

Phiên bản JQuery được đề xuất:

jQuery("#gender").find("option[value='" + jQuery("#gender").val() + "']").text()

Đã trả lời ngày 6 tháng 8 năm 2012 lúc 8:26Aug 6, 2012 at 8:26

Hướng dẫn get label select option javascript - lấy nhãn chọn tùy chọn javascript

Xilefxilefxilef

1.91321 Huy hiệu bạc16 Huy hiệu đồng21 silver badges16 bronze badges

Điều này sẽ hoạt động:

var label = document.getElementById('gender')[document.getElementById('gender').selectedIndex].innerHTML;

Đã trả lời ngày 24 tháng 5 năm 2009 lúc 13:19May 24, 2009 at 13:19

Chris Bartowchris BartowChris Bartow

14.6K11 Huy hiệu vàng41 Huy hiệu bạc46 Huy hiệu đồng11 gold badges41 silver badges46 bronze badges

1

Các trang liên quan

Thí dụ

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

var x = document.getEuityById ("myoption"). Nhãn;

Hãy tự mình thử »


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

var x = document.getEuityById ("mySelect"). Đã chọn Index; alert (document.getElsByTagName ("tùy chọn") [x] .Label);

Các trang liên quan

Tham khảo HTML: Thuộc tính nhãn HTML


Đối tượng tùy chọn

Thuộc tính chỉ đọc HTMLSelectElement.labels trả về một NodeList của các phần tử được liên kết với phần tử
A NodeList chứa các phần tử liên quan đến phần tử Ví dụVí dụVí dụVí dụVí dụ

HTML It is not possible to set the label property in Firefox (only return).


JavaScript

Thông số kỹ thuật

Đặt thuộc tính nhãn:

Tùy chọnObject.Label = Text

Giá trị tài sản

Giá trịSự mô tả
chữ Chỉ định phiên bản ngắn hơn cho tùy chọn


Chi tiết kỹ thuật

Giá trị trở lại:Một chuỗi, đại diện cho nhãn của tùy chọn trong danh sách thả xuống. Nếu thuộc tính nhãn không được chỉ định, nó sẽ trả về nội dung văn bản của phần tử (giống như thuộc tính văn bản)

Nhiều ví dụ hơn

Thí dụ

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

var x = document.getEuityById ("myoption"). Nhãn;

Hãy tự mình thử »


Thí dụ

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

var x = document.getEuityById ("myoption"). Nhãn;
alert(document.getElementsByTagName("option")[x].label);

Hãy tự mình thử »


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

var x = document.getEuityById ("mySelect"). Đã chọn Index; alert (document.getElsByTagName ("tùy chọn") [x] .Label);


Các trang liên quan


Tham khảo HTML: Thuộc tính nhãn HTMLHTMLSelectElement.labels read-only property returns a NodeList of the elements associated with the

Một chuỗi, đại diện cho nhãn của tùy chọn trong danh sách thả xuống. Nếu thuộc tính nhãn không được chỉ định, nó sẽ trả về nội dung văn bản của phần tử (giống như thuộc tính văn bản)
Nhiều ví dụ hơn
# dom-lfe-labels-dev

Thí dụ

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