Thuộc tính chỉ số tùy chọn

Đối tượng Option DOM HTML

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

index Cài đặt hoặc trả về vị trí chỉ số của tùy chọn trong danh sách rút gọn.

Chỉ số (biểu thức) bắt đầu từ 0.

Xem thêm:

Hướng dẫn HTML:Thẻ <option> HTML

Mô hình

Ví dụ 1

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

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

thử trực tiếp

Ví dụ 2

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

var x = document.getElementById("mySelect");
var txt = "Tất cả các tùy chọn: ";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + "\n" + x.options[i].text + " có chỉ số: " + x.options[i].index;
}

thử trực tiếp

Cú pháp

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

optionObject.index

Đặt thuộc tính index:

optionObject.index = integer

Giá trị thuộc tính

Giá trị Mô tả
integer Định nghĩa vị trí của phần tử trong danh sách rơi.

Chi tiết kỹ thuật

Giá trị trả về: Số nguyên, biểu thị vị trí của phần tử trong danh sách rơi. Chỉ số bắt đầu từ 0.

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ợ

Đối tượng Option DOM HTML