Como selecionar o crank em javascript

O JavaScript oferece uma variedade de recursos internos para minimizar o tempo e o esforço dos desenvolvedores. O JavaScript interage com os elementos HTML para fazer uma aparência interativa para sites. É possível através de um evento de onchange que é acionado quando o usuário altera a opção selecionada via elemento. Este post explica a seleção de em mudança eventos junto com um exemplo prático em JavaScript. O conteúdo que demonstra este post é o seguinte.

Como selecionar o crank em javascript?

O evento de OnChange ocorre quando o valor do elemento é modificado. É usado especificamente em caixas de seleção para validação de formulário. Por exemplo, uma lista suspensa é utilizada, tendo opções diferentes. O evento OnChange é chamado sempre que o usuário seleciona qualquer opção. Todos os navegadores modernos são compatíveis com este evento.

Um exemplo é fornecido para selecionar um valor usando o evento OnChange. É dividido em arquivos HTML e JavaScript. Este código de exemplo é fornecido abaixo:

Código HTML

Um exemplo para selecionar o valor de onchange

Selecione Nível de Educação:

Escola
Faculdade
Universidade

A descrição do código está listada aqui:

• Primeiro, uma lista suspensa é criada atribuindo o ID "Educação" dentro de Tag
• Nesta lista, diferentes opções são fornecidas como "Escola", "Colégio" e "Universidade" em nome do evento de onchange.
• O evento OnChange é chamado se uma das opções mencionadas anteriormente for selecionada.
• Por fim, o A tag é usada para anexar o arquivo JavaScript “JS”.

O "teste.JS”O arquivo contém o seguinte código:

Código JavaScript

função getSelectedTextValue (educação)
var sletex = educação.Opções [educação.SelectedIndex].innerhtml;
var selval = educação.valor;
alerta ("Texto selecionado:" + slotex + "valor:" + selval);

A descrição do código é dada abaixo:

• O GetSelectedTextValue () O método é usado passando pelo "Educação" como um argumento.
• A “Sletex” A variável é empregada para extrair o valor de Educação de Html
• Depois disso, “Selval” A variável é usada para recuperar o valor da educação.
• No final, é gerada uma caixa de alerta que extrai o texto e o valor por “Sletex” e “Selval”.

Saída

A saída mostra a lista suspensa de "Escola", "Faculdade" e "Universidade" opções. O evento de onchange é chamado se a opção específica for selecionada. Finalmente, ele exibe o valor do texto selecionado na janela pop-up.

Conclusão

JavaScript tem um evento interno em mudança Isso ocorre quando o valor de um elemento é selecionado pelo usuário. Para esse fim, uma lista suspensa é gerada para selecionar um valor em nome do evento OnChange.

É útil fornecer uma instalação de verificação cruzada ao selecionar uma opção. Nesta postagem, você experimentou como selecionar texto e valor utilizando eventos de onchange.