Ofereço ajuda em Java, C/C++, Python, C#, LISP, AutoLisp, AutoCAD
+55 (062) 98553-6711
Ofereço ajuda em PHP, Python, C#, JavaScript, Laravel, Google Ads e SEO
+55 (062) 98243-1195

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 Apenas R$ 32,90
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: select Element/Object

Como retornar o texto e valor da opção selecionada em um elemento HTML select

Quantidade de visualizações: 10371 vezes
Em algumas situações precisamos saber o texto e o valor da opção (option) selecionada em um elemento HTML select. Nesta dica eu mostro como isso pode ser feito. O primeiro passo é obter o valor da propriedade selectedIndex da coleção options, que representa todas as opções do select. Em seguida nós obtemos o elemento na coleção que corresponde à posição retornada pela propriedade selectedIndex. Veja:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
----------------------------------------------------------------------
Precisa de ajuda? Chama no WhatsApp +55 (62) 98553-6711 (Osmar)
 
Este código foi útil? Paga um cafezinho pra mim :-(
PIX: osmar@arquivodecodigos.com.br
----------------------------------------------------------------------
 
<html>
<head>
<title>Estudos JavaScript</title>
 
<script type="text/javascript">
  function obterOpcaoSelecionada(){
    // vamos obter o elemento select
    var elem = document.getElementById("cidades");   
 
    // vamos obter a opção selecionada
    var selecionada = elem.options[elem.options.selectedIndex];
 
    // vamos exibir o texto da opção selecionada
    window.alert("Texto da opção: " + selecionada.text);
 
    // vamos exibir o valor da opção selecionada
    window.alert("Valor da opção: " + selecionada.value);
  
</script>
 
</head>
<body>
 
<form name="form1">
  <select name="cidades" id="cidades">
    <option value="5" selected="selected">Goiânia</option>
    <option value="2">São Paulo</option>
    <option value="7">Cuiabá</option>
  </select>
</form>
 
<button onclick="obterOpcaoSelecionada()">Obter opção selecionada
  no elemento select</button>
 
</body>
</html>

Esta dica foi escrita e testada no Internet Explorer 8 e Firefox 3.6.

Link para compartilhar na Internet ou com seus amigos:

Desafios, Exercícios e Algoritmos Resolvidos de JavaScript

Veja mais Dicas e truques de JavaScript

Dicas e truques de outras linguagens

E-Books em PDF

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

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



© 2025 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 37 usuários muito felizes estudando em nosso site.