Propiedad selectedIndex del Select

Objeto Select del DOM HTML

Definición y uso

selectedIndex Propiedad que establece o devuelve el índice de la opción seleccionada en la lista desplegable (índice).

Los índices comienzan en 0.

Comentarios:Si la lista desplegable permite la selección de múltiples elementos, solo devolverá el índice de la primera opción seleccionada.

Comentarios:El valor "-1" cancelará la selección de todas las opciones (si las hay).

Comentarios:Si no se selecciona ninguna opción, la propiedad selectedIndex devolverá -1.

Vea también:

Manual de HTML:Etiqueta <select> de HTML

Ejemplo

Ejemplo 1

Elegir el elemento <option> con el índice "2":

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

Prueba personal

Ejemplo 2

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 personal

Ejemplo 3

Deshacer la selección de todas las opciones:

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

Prueba personal

Ejemplo 4

Si no se selecciona ninguna opción, la propiedad selectedIndex devolverá "-1":

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

Prueba personal

Sintaxis

Devolver la propiedad selectedIndex:

selectObject.selectedIndex

Establecer la propiedad selectedIndex:

selectObject.selectedIndex = number

Valor del atributo

Valor Descripción
number Se especifica el índice (subíndice) de la opción seleccionada en la lista desplegable.

Detalles técnicos

Valor devuelto:

Número que representa el índice de la opción seleccionada en la lista desplegable. El índice comienza en 0.

Si no se selecciona ninguna opción, el valor devuelto es -1.

Compatibilidad con navegadores

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

Objeto Select del DOM HTML