Bộ sưu tập tùy chọn Datalist
Thí dụ
Tìm hiểu xem có bao nhiêu tùy chọn trong một phần tử <datalist> cụ thể:
var x = document.getElementById("browsers").options.length;
Kết quả của x sẽ là:
5
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ sưu tập tùy chọn trả về một bộ sưu tập tất cả các tùy chọn trong phần tử <datalist>.
Lưu ý: Các phần tử trong bộ sưu tập được sắp xếp như chúng xuất hiện trong mã nguồn.
Hỗ trợ trình duyệt
Collection | |||||
---|---|---|---|---|---|
options | Yes | 10.0 | Yes | Yes | Yes |
Cú pháp
datalistObject.options
Tính chất
Property | Description |
---|---|
length | Returns the number of <option> elements in the collection. Note: This property is read-only |
Phương pháp
Method | Description |
---|---|
[index] | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <option> element from the collection with the specified id. Note: Returns null if the id does not exist |
Chi tiết kỹ thuật
Phiên bản DOM: | Đối tượng tài liệu cấp 2 cốt lõi |
---|---|
Giá trị trả lại: | Đối tượng HTMLCollection, đại diện cho tất cả các phần tử <option> trong phần tử <datalist>. Các phần tử trong bộ sưu tập được sắp xếp khi chúng xuất hiện trong mã nguồn |
Các ví dụ khác
Thí dụ
[ chỉ mục ]
Nhận giá trị của tùy chọn đầu tiên (chỉ mục 0) trong danh sách dữ liệu:
var x = document.getElementById("browsers").options[0].value;
Kết quả của x sẽ là:
Internet Explorer
Thí dụ
item ( chỉ mục )
Nhận giá trị của tùy chọn đầu tiên (chỉ mục 0) trong danh sách dữ liệu:
var x = document.getElementById("browsers").options.item(0).value;
Kết quả của x sẽ là:
Internet Explorer
Thí dụ
NameItem ( name_or_id )
Nhận giá trị của tùy chọn với id = "google" trong danh sách dữ liệu:
var x = document.getElementById("browsers").options.namedItem("google").value;
Kết quả của x sẽ là:
Chrome
Thí dụ
Lặp qua tất cả các tùy chọn trong danh sách dữ liệu và xuất ra các giá trị tùy chọn:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
Kết quả của txt sẽ là:
Internet Explorer
Firefox
Chrome
Opera
Safari
❮ Đối tượng Datalist