Como criar suspensão usando o change em javascript

Em seguida, especifique o “”Tag para selecionar a opção específica na lista suspensa. Além disso, inclua o “em mudança”Evento e invocar a função especificada passando a palavra -chave“esse”Para isso junto com a opção“valor”Do menu suspenso. Além disso, inclua as seguintes opções com os valores especificados no “" marcação:

Por último, defina uma função chamada “Onchangedropdown ()”E passou o“valor”Como argumento. Na definição da função, o valor selecionado será exibido na caixa de alerta ::

Saída

Método 2: Crie suspenso usando Onchange em JavaScript usando o documento.getElementById () método

O "documento.getElementById ()”O método é usado para buscar o elemento correspondente ao ID especificado. Este método pode ser implementado para obter a opção selecionada no menu suspenso e exibir o valor correspondente contra ele.

Sintaxe

Aqui, "eu ia”Refere -se ao ID do elemento que precisa ser buscado.

Visão geral o exemplo a seguir.

Exemplo
Em primeiro lugar, inclua o título a seguir, conforme discutido no método anterior:

Selecione uma linguagem de programação na lista especificada:

O "”A tag aqui representa o menu suspenso, tendo um ID e o associado“em mudança”Evento redirecionando para a função especificada. Em seguida, adicione as opções necessárias nele:

Aqui, atribua o seguinte “eu ia”Para o parágrafo. Assim que a opção será selecionada, uma mensagem específica será exibida nesta seção, juntamente com a opção selecionada:

Finalmente, declare uma função chamada “Onchangedropdown ()”. Aqui, busque a tag Selecionar com base em seu "ID" e exibir o valor correspondente em relação à opção selecionada do menu suspenso. Na próxima etapa, notifique o usuário sobre a opção selecionada buscando o elemento de parágrafo adicionado e escrevendo a seguinte mensagem junto com a opção:

Saída

Implementamos métodos criativos para criar suspensão usando o OnChange em JavaScript.

Conclusão

Para criar suspensão usando OnChange em JavaScript, exiba o valor suspenso selecionado usando uma caixa de alerta ou aplique o “documento.getElementById ()”Método. A abordagem anterior pode ser utilizada para notificar o usuário sobre o valor da opção suspensa selecionada com a ajuda de uma função definida pelo usuário. A última implementação busca a opção selecionada do menu suspenso usando seu ID e exibe -o. Esta redação demonstrou os métodos para criar suspensos usando OnChange em JavaScript.