Objeto Select del DOM HTML

Objeto Select

El objeto Select representa el elemento HTML <select>.

Acceder al objeto Select

Puedes acceder al elemento <select> usando getElementById():

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

Prueba tu mismo

Consejo:También puedes acceder al objeto Select navegando por la colección elements del formulario.

Crear objeto Select

Puedes crear un elemento <select> usando el método document.createElement():

var x = document.createElement("SELECT");

Prueba tu mismo

Colección del objeto Select

Colección Descripción
options Devolver la colección de todas las opciones de la lista desplegable.

Atributos del objeto Select

Atributos Descripción
autofocus Establecer o devolver si la lista desplegable debe obtener el foco automáticamente al cargar la página.
disabled Establecer o devolver si la lista desplegable debe estar deshabilitada.
form Devolver una referencia al formulario que contiene la lista desplegable.
length Devolver la cantidad de elementos <option> en la lista desplegable.
multiple Establecer o devolver si se pueden seleccionar múltiples opciones en la lista desplegable.
name Establecer o devolver el valor del atributo name de la lista desplegable.
selectedIndex Establecer o devolver el índice de la opción seleccionada en la lista desplegable.
size Establecer o devolver el valor del atributo size de la lista desplegable.
type Devolver qué tipo de elemento de formulario es la lista desplegable.
value Establecer o devolver el valor de la opción seleccionada en la lista desplegable.

Métodos del objeto Select

Método Descripción
add() Agregar opciones a la lista desplegable.
checkValidity()
remove() Eliminar opciones de la lista desplegable.

Atributos y eventos estándar

El objeto Select admite tanto estándaresAtributosyEventos

Páginas relacionadas

Tutoriales de HTML:Formulario HTML

Manual de referencia de HTML:Etiqueta <select> HTML