Ejemplo
Añadir un "Kiwi" opción en la parte final de una lista desplegable:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option);
Inténtalo tú mismo " Definición y Uso
El add() método se utiliza para agregar una opción de una lista desplegable.
Sugerencia: Para eliminar una opción de una lista desplegable, utilice el remove() método.
Soporte del navegador
Método | |||||
---|---|---|---|---|---|
add() | Sí | Sí | Sí | Sí | Sí |
Sintaxis
selectObject .add( Los valores de los parámetros Parámetro Descripción option Necesario. Especifica la opción de añadir. Debe ser un elemento de opción o optgroup index Opcional. Un entero que especifica la posición de índice para los que debe insertarse el nuevo elemento opción. Índice comienza en 0. Si no se especifica un índice, la nueva opción se insertará al final de la lista
Detalles técnicos
Valor de retorno: Sin valor de retorno
Más ejemplos
Ejemplo
Añadir un "Kiwi" opción al principio de una lista desplegable:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);
Inténtalo tú mismo "
Ejemplo
Añadir un "Kiwi" opción en la posición de índice "2" de una lista desplegable:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);
Inténtalo tú mismo "
Ejemplo
Añadir una opción antes de una opción seleccionada en la lista desplegable:
var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0)
{
var option = document.createElement("option");
option.text = "Kiwi";
var sel = x.options[x.selectedIndex];
x.add(option, sel);
} Inténtalo tú mismo "
<Select Object