HTML JavaScript Câu hỏi
Để có được giá trị đã chọn của đầu vào, tôi có thể sử dụng
ALL
Male Only
Female Only
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
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
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
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
chữ | Chỉ định phiên bản ngắn hơn cho tùy chọn |
Chi tiết kỹ thuật
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 HTML Sự mô tảHTMLSelectElement.labels
read-only property returns a NodeList
of the elements associated with the
element.
Giá trị
chữ
Chỉ định phiên bản ngắn hơn cho tùy chọn
Label 1
Option 1
Option 2
Label 2
Chi tiết kỹ thuật
window.addEventListener["DOMContentLoaded", [] => {
const select = document.getElementById["test"];
for [const label of select.labels] {
console.log[label.textContent]; // "Label 1" and "Label 2"
}
}];
Giá trị trở lại:
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: