Đối tượng HTML DOM Select

Đối tượng Select

Đối tượng Select đại diện cho yếu tố HTML <select>.

Truy cập Đối tượng Select

Bạn có thể truy cập yếu tố <select> bằng phương thức getElementById():

var x = document.getElementById("mySelect");

Thử ngay

Lưu ý:Bạn cũng có thể truy cập Đối tượng Select bằng cách duyệt qua bộ sưu tập elements của biểu mẫu.

Tạo Đối tượng Select

Bạn có thể sử dụng phương thức document.createElement() để tạo yếu tố <select>:

var x = document.createElement("SELECT");

Thử ngay

Bộ sưu tập Đối tượng Select

Bộ sưu tập Mô tả
options Trả về bộ sưu tập tất cả các tùy chọn trong danh sách rút gọn.

Thuộc tính Đối tượng Select

Thuộc tính Mô tả
autofocus Đặt hoặc trả về giá trị của thuộc tính autofocus của danh sách rút gọn khi trang được tải.
disabled Đặt hoặc trả về giá trị của thuộc tính disabled của danh sách rút gọn.
form Trả về tham chiếu đến biểu mẫu chứa danh sách rút gọn.
length Trả về số lượng yếu tố <option> trong danh sách rút gọn.
multiple Đặt hoặc trả về giá trị của thuộc tính multiple có thể chọn nhiều tùy chọn trong danh sách rút gọn.
name Đặt hoặc trả về giá trị thuộc tính name của danh sách rút gọn.
selectedIndex Đặt hoặc trả về chỉ mục của tùy chọn đã chọn trong danh sách rút gọn.
size Đặt hoặc trả về giá trị thuộc tính size của danh sách rút gọn.
type Trả về loại yếu tố biểu mẫu của danh sách rút gọn.
value Đặt hoặc trả về giá trị của tùy chọn đã chọn trong danh sách rút gọn.

Phương thức Đối tượng Select

Phương thức Mô tả
add() Thêm tùy chọn vào danh sách rút gọn.
checkValidity()
remove() Xóa tùy chọn từ danh sách rút gọn.

Thuộc tính và sự kiện tiêu chuẩn

Đối tượng Select hỗ trợ đồng thời tiêu chuẩnThuộc tínhvàSự kiện。

Trang liên quan

Hướng dẫn HTML:Hình thức HTML

Tài liệu tham khảo HTML:Thẻ HTML <select>