JQuery: Acessando o valor de um combobox – parte 2

Complementando o post anterior

JQuery é a revolução do javascript.

<head>
<!-- // chamada da biblioteca JQuery -->
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript">
$(document).ready(function() {
   // declaração da variável
   var valorEscolhido;
 
   $("#select_valor").change(function(){
      // obtendo o valor selecionado
      valorEscolhido = $("#select_valor option:selected").text();
      // exibindo o valor selecionado em uma tag específica (span#valor)
      $("#valor").html(valorEscolhido);
   });
});
</script>
</head>
<body>
<select name="select_valor" id="select_valor">
	<option value="selecione" selected="selected">Selecione...</option>
	<option value="carros">Carros</option>
	<option value="motos">Motos</option>
	<option value="caminhoes">Caminhões</option>
</select>	
<p>Valor selecionado: <span id="valor"></span></p>
</body>

Explicando:
Diferente do post anterior, neste exemplo iremos obter o valor selecionado do combobox e não o valor do atributo “value”. O valor selecionado será exibido dentro das tags <span> </span>.

Um comentário em “JQuery: Acessando o valor de um combobox – parte 2

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *