Thuộc tính selectedIndex của Select

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

selectedIndex Thuộc tính thiết lập hoặc trả về chỉ mục của tùy chọn đã chọn trong danh sách rút gọn (biểu thức).

Chỉ mục bắt đầu từ 0.

Ghi chú:Nếu danh sách rút gọn cho phép chọn nhiều mục, nó sẽ chỉ trả về chỉ mục của tùy chọn đầu tiên được chọn.

Ghi chú:Giá trị "-1" sẽ hủy chọn tất cả các tùy chọn (nếu có).

Ghi chú:Nếu không chọn bất kỳ tùy chọn nào, thuộc tính selectedIndex sẽ trả về -1.

Xem thêm:

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

Mô hình

Ví dụ 1

Chọn phần tử <option> có chỉ mục là "2":

document.getElementById("mySelect").selectedIndex = "2";

Thử ngay

Ví dụ 2

Hiển thị chỉ mục và văn bản của tùy chọn đã chọn trong danh sách rút gọn:

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " là " + y[x].text);

Thử ngay

Ví dụ 3

Hủy chọn tất cả các tùy chọn:

document.getElementById("mySelect").selectedIndex = "-1";

Thử ngay

Ví dụ 4

Nếu không chọn bất kỳ tùy chọn nào, thuộc tính selectedIndex sẽ trả về "-1":

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

Thử ngay

Cú pháp

Trả về thuộc tính selectedIndex:

selectObject.selectedIndex

Đặt thuộc tính selectedIndex:

selectObject.selectedIndex = số

Giá trị thuộc tính

Giá trị Mô tả
số Định nghĩa chỉ số của tùy chọn được chọn trong danh sách thả xuống (biểu thức).

Chi tiết kỹ thuật

Giá trị trả về:

Số nguyên, biểu thị chỉ số của tùy chọn được chọn trong danh sách thả xuống. Chỉ số bắt đầu từ 0.

Nếu không chọn bất kỳ tùy chọn nào, giá trị trả về là -1.

Hỗ trợ trình duyệt

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