Los últimos tutoriales de desarrollo web
 

Select selectedIndex Property

<Select Object

Ejemplo

Seleccione la <option> elemento con el índice "2" :

document.getElementById("mySelect").selectedIndex = "2";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades selectedIndex o devuelve el índice de la opción seleccionada en una lista desplegable.

El índice comienza en 0.

Note: Si la lista desplegable permite seleccionar varias opciones que sólo devolverá el índice de la primera opción seleccionada.

Nota: El valor "-1" se anule la selección de todas las opciones (if any) .

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


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad selectedIndex es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad selectedIndex:

selectObject .selectedIndex

Establecer la propiedad selectedIndex:

selectObject .selectedIndex= Valores de propiedad
Valor Descripción
number Especifica el índice de la opción seleccionada en una lista desplegable

Detalles técnicos

Valor de retorno: Un 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

Más ejemplos

Ejemplo

Visualizar 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("Index: " + y[x].index + " is " + y[x].text);
Inténtalo tú mismo "

Ejemplo

Anular la selección de todas las opciones:

document.getElementById("mySelect").selectedIndex = "-1";
Inténtalo tú mismo "

Ejemplo

La propiedad selectedIndex volverá "-1" si no se seleccionan opciones:

var x = document.getElementById("mySelect").selectedIndex;
Inténtalo tú mismo "

<Select Object