Como criar suspensão usando o change em javascript

Como criar suspensão usando o change em javascript
Você já encontrou uma página ou site da web que oferece opções únicas ou múltiplas que precisam ser selecionadas ao preencher um questionário ou um formulário? A ativação de tais opções pode ajudar a personalizar um site para melhorar a acessibilidade e a interação do usuário. Mais especificamente, a criação de um suspensão usando o OnChange em JavaScript se pergunta ao fornecer facilidade no final do usuário.

Este blog discutirá as metodologias usadas para criar suspensão usando OnChange em JavaScript.

Como criar suspensão usando o change em javascript?

Você pode criar suspensão usando o OnChange em JavaScript com a ajuda das seguintes abordagens:

  • Exibir o valor suspenso selecionado usando um “alerta
  • ““documento.getElementById ()”Método
  • Essas abordagens serão explicadas uma a uma!

    Método 1: Crie suspenso usando o Onchange em JavaScript, alertando o valor suspenso selecionado

    Esta técnica pode ser aplicada para alertar o usuário sobre o valor da opção suspensa selecionada com a ajuda de uma função definida pelo usuário.

    O exemplo a seguir explica o conceito declarado.

    Exemplo
    Primeiro de tudo, inclua o seguinte título no “

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

    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 ::

    função onchangedropdown (value)
    alerta (valor);

    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

    documento.getElementById ("id")

    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:

    função onchangedropdown ()
    var x = documento.getElementById ("Lista").valor;
    documento.getElementById ("para").inerhtml = "A seleção atualizada é:" + x;

    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.