Método add() de Select

Objeto Select del DOM HTML

Definición y uso

agregar() Este método se utiliza para agregar opciones a la lista desplegable.

Consejo:Para eliminar opciones de la lista desplegable, utilice Método remove().

Ejemplo

Ejemplo 1

Añadir la opción "Kiwi" al final de la lista desplegable:

var x = document.obtenerId("mySelect");
var opcion = document.crearElemento("opcion");
opcion.texto = "Kiwi";
x.agregar(opcion);

pruebe personalmente

Ejemplo 2

Añadir la opción "Kiwi" al principio de la lista desplegable:

var x = document.obtenerId("mySelect");
var opcion = document.crearElemento("opcion");
opcion.texto = "Kiwi";
x.agregar(opcion, x[0]);

pruebe personalmente

Ejemplo 3

Añadir la opción "Kiwi" en la posición de índice "2" de la lista desplegable:

var x = document.obtenerId("mySelect");
var opcion = document.crearElemento("opcion");
opcion.texto = "Kiwi";
x.agregar(opcion, x[2]);

pruebe personalmente

Ejemplo 4

Añadir una opción antes de la opción seleccionada en la lista desplegable:

var x = document.obtenerId("mySelect");
if (x.seleccionado >= 0) {
  var opcion = document.crearElemento("opcion");
  opcion.texto = "Kiwi";
  var sel = x.opciones[x.seleccionado]; 
  x.agregar(opcion, sel);
}

pruebe personalmente

sintaxis

seleccionarObjeto.agregar(option, index)

Valor de los parámetros

Parámetros Descripción
option Obligatorio. Especifica la opción que se debe agregar. Debe ser un elemento option o optgroup.
index

Opcional. Entero, especifica la posición del índice donde debe insertarse el nuevo elemento de opción. El índice comienza en 0.

Si no se especifica el índice, la nueva opción se insertará al final de la lista.

Detalles técnicos

Valor devuelto:

No se devuelve ningún valor.

Compatibilidad del navegador

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

Objeto Select del DOM HTML