Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: select Element/Object

Como adicionar novas opções (elementos option) a um elemento select usando o método add() da coleção options

Quantidade de visualizações: 11505 vezes

O método add() da coleção options (que gerencia todos os elementos option de um elemento select) é usado quando queremos inserir novas opções no elemento HTML select. Veja sua assinatura:

Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Quero Ser Apoiador(a)

Aqui object é o elemento select no qual adicionaremos a nova opção, oElement é o novo elemento option e iIndex indica a posição que o elemento será inserido. Se este valor for omitido, a nova opção é inserida no final da lista.

Antes de adicionar um novo elemento option ao elemento select, devemos criá-lo por meio do método createElement() do objeto document. Veja um exemplo completo mostrando como isso pode ser feito:

Este exemplo apresenta dois botões. Ao clicar no primeiro botão duas novas opções serão adicionadas ao elemento select. Ao clicar no segundo botão nós conseguimos obter o texto e valor da opção selecionada.

Esta dica foi testada no Internet Explorer (IE 8) e Firefox 3.6.

Link para compartilhar na Internet ou com seus amigos:

Desafios, Exercícios e Algoritmos Resolvidos de JavaScript

Como testar se uma variável é do tipo string em JavaScript - Exercício Resolvido de JavaScript

Como multiplicar dois números em JavaScript - O operador de multiplicação da linguagem JavaScript - Exercício Resolvido de JavaScript

Como testar se uma string está vazia em JavaScript - Exercício Resolvido de JavaScript

Como testar se o argumento de uma função JavaScript é do tipo String - Exercícios Resolvidos de JavaScript

Como somar dois números em JavaScript - O operador de adição da linguagem JavaScript - Exercícios Resolvidos de JavaScript

Ler três números inteiros e indicar se eles estão em ordem crescente ou decrescente - Exercícios Resolvidos de JavaScript

Como encontrar o menor valor em um array de inteiros em JavaScript - Exercícios Resolvidos de JavaScript

Como subtrair dois números em JavaScript - O operador de subtração da linguagem JavaScript - Exercícios Resolvidos de JavaScript

Veja mais Dicas e truques de JavaScript

Como obter a quantidade de milisegundos desde a meia-noite de 1º de janeiro de 1970 UTC

Como retornar o tamanho de uma string em JavaScript usando a propriedade length do objeto String

Como calcular a norma ou módulo de vetores nos espaços R2 e R3 usando JavaScript - Geometria Analítica e Álgebra Linear usando JavaScript

Como executar códigos dinâmicos usando o método eval

Como obter entrada do usuário em seus códigos JavaScript usando o método prompt() do objeto window

JavaScript para iniciantes - Como converter uma string em um valor numérico usando o método Number() do JavaScript

JavaScript para Trigonometria - Como converter radianos em graus na linguagem JavaScript

Como obter a quantidade de arquivos que o usuário selecionou em um input type file

Como retornar o dia do mês em JavaScript usando a função getDate() do objeto Date

Como obter o logaritmo natural de 2

Dicas e truques de outras linguagens

Python - Python para iniciantes - Como importar módulos para seus programas Python

Delphi - Como calcular o seno de um número ou ângulo em Delphi usando a função Sin()

Dart - Exercício Resolvido de Dart - Escreva um programa Dart que usa o laço for para desenhar um padrão de diamante de estrelas

Java - Como carregar uma imagem em um BufferedImage do Java usando o método read() da classe ImageIO

Java - Exercícios Resolvidos de Física usando Java - Dois automóveis, A e B, movem-se em movimento uniforme e no mesmo sentido. Suas velocidades escalares têm módulos respectivamente iguais a...

Java - Estruturas de dados em Java - Introdução às listas ligadas em Java

VB.NET - Como concatenar strings em VB.NET usando o método Concat() da classe String

Java - Java para iniciantes - Como inserir comentários em seus códigos Java

Python - Apostila Python para iniciantes - Como exibir os números pares de 0 a 20 usando o laço for da linguagem Python

C++ - Como retornar a quantidade de elementos em um vector do C++ usando a função size()

E-Books em PDF

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: select Element/Object

Como adicionar novas opções (elementos option) a um elemento select usando o método add() da coleção options

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - Com comentários em Português

PDF COM 1.200 PÁGINAS

Apenas R$ 32,90