"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Crear opción dinámicamente en elemento seleccionado

Crear opción dinámicamente en elemento seleccionado

Publicado el 2024-11-20
Navegar:219

Dynamically create option in select element

Hay dos formas de crear una opción dinámicamente:

1) Usando el constructor de opciones y el método add()

2) Usando los métodos DOM

1) Usando el constructor de opciones y el método add() :

let newOption = new Option('Option Text','Option Value');
const select = document.querySelector('select'); 
select.add(newOption,undefined);

2) Usando los métodos DOM :

// create option using DOM
const newOption = document.createElement('option');
const optionText = document.createTextNode('Option Text');
// set option text
newOption.appendChild(optionText);
// and option value
newOption.setAttribute('value','Option Value');

const select = document.querySelector('select'); 
select.appendChild(newOption);
Declaración de liberación Este artículo se reproduce en: https://dev.to/jharna_khatun/dynamicy-create-option-in-select-element-d6c?
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3