Hợp nhất tùy chọn Datalist

Đối tượng Datalist của HTML DOM

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

tùy chọn Bộ sưu tập trả về Thẻ <datalist> .Tất cả các tùy chọn.

Ghi chú:Các phần tử trong bộ sưu tập được sắp xếp theo thứ tự xuất hiện trong mã nguồn.

Xem thêm:

HTML Tham khảo:Thẻ <datalist> HTML

HTML Tham khảo:Thẻ <option> HTML

Ví dụ

Mẫu 1

Tìm ra số lượng tùy chọn trong phần tử <datalist> được chỉ định:

var x = document.getElementById("browsers").options.length;

Thử trực tiếp

Kết quả của x sẽ là:

5

Lưu ý:Cung cấp thêm ví dụ ở dưới trang.

Cú pháp

datalistObject.options

Thuộc tính

Thuộc tính Mô tả
length

Trả về số lượng phần tử <option> trong bộ sưu tập.

Ghi chú:Thuộc tính này là chỉ đọc.

Phương thức

Phương thức Mô tả
[index]

Trả về phần tử <option> có chỉ mục chỉ định (bắt đầu từ 0) từ bộ sưu tập.

Ghi chú:Nếu số thứ tự chỉ mục vượt ra ngoài phạm vi, sẽ trả về null.
item(index)

Trả về phần tử <option> có chỉ mục chỉ định (bắt đầu từ 0) từ bộ sưu tập.

Ghi chú:Nếu số thứ tự chỉ mục vượt ra ngoài phạm vi, sẽ trả về null.
namedItem(id)

Có chỉ định id trong bộ sưu tập trả về phần tử <option>.

Ghi chú:Nếu id Nếu không tồn tại, sẽ trả về null.

Chi tiết kỹ thuật

Phiên bản DOM: Core Level 2 Document Object
Giá trị trả về:

Đối tượng HTMLCollection đại diện cho tất cả các Thẻ <option>。

Các phần tử trong bộ sưu tập được sắp xếp theo thứ tự xuất hiện trong mã nguồn.

Hỗ trợ trình duyệt

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

Các ví dụ khác

Mẫu 2: [index]

Lấy giá trị của tùy chọn đầu tiên trong danh sách dữ liệu (ký hiệu 0):

var x = document.getElementById("browsers").options[0].value;

Thử trực tiếp

Kết quả của x sẽ là:

Internet Explorer

Mẫu 3: item(index)

Lấy giá trị của tùy chọn đầu tiên trong danh sách dữ liệu (ký hiệu 0):

var x = document.getElementById("browsers").options.item(0).value;

Thử trực tiếp

Kết quả của x sẽ là:

Internet Explorer

Mẫu 4: namedItem(name_or_id)

Lấy giá trị tùy chọn của phần tử có id="google" trong danh sách dữ liệu:

var x = document.getElementById("browsers").options.namedItem("google").value;

Thử trực tiếp

Kết quả của x sẽ là:

Chrome

Mẫu 5

Lặp qua tất cả các tùy chọn trong danh sách dữ liệu và xuất 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>";
}

Thử trực tiếp

Kết quả của txt sẽ là:

Internet Explorer
Firefox
Chrome
Opera
Safari

Đối tượng Datalist của HTML DOM