"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Criar opção dinamicamente no elemento selecionado

Criar opção dinamicamente no elemento selecionado

Publicado em 2024-11-20
Navegar:825

Dynamically create option in select element

Existem duas maneiras de criar uma opção dinamicamente:

1) Usando o construtor Option e o método add()

2) Usando os métodos DOM

1) Usando o construtor Option e o método add():

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

2) Usando os 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);
Declaração de lançamento Este artigo é reproduzido em: https://dev.to/jharna_khatun/dynamicly-create-option-in-select-element-d6c?1 Se houver alguma infração, entre em contato com [email protected] para excluí-lo.
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3