Atributo de índice de opción

Objeto Option de DOM HTML

Definición y uso

index Configura o devuelve la posición del índice de la opción en la lista desplegable.

Los índices (subíndices) comienzan en 0.

Véase también:

Manual de HTML:Etiqueta <option> de HTML

Ejemplo

Ejemplo 1

Mostrar el índice y el texto de la opción seleccionada en la lista desplegable:

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Índice: " + y[x].index + " es " + y[x].text);

Prueba personalmente

Ejemplo 2

Mostrar el texto y el índice de todas las opciones de la lista desplegable:

var x = document.getElementById("mySelect");
var txt = "Todas las opciones: ";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + "\n" + x.options[i].text + " tiene índice: " + x.options[i].index;
}

Prueba personalmente

Sintaxis

Retornar la propiedad index:

optionObject.index

Configurar la propiedad index:

optionObject.index = integer

Valor del atributo

Valor Descripción
integer Define la posición del índice de la opción en la lista desplegable.

Detalles técnicos

Valor de retorno: Número entero, que representa la posición del índice de la opción en la lista desplegable. El índice comienza en 0.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Option de DOM HTML