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";
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);
Ví dụ 3
Hủy chọn tất cả các tùy chọn:
document.getElementById("mySelect").selectedIndex = "-1";
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;
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ợ |