JQuery: Acessando o valor de um combobox – parte 3

Parte 3 – Vamos acrescentar ao nosso código a condição if para verificar o valor selecionado.

Se o valor selecionado for o esperado, exibe o valor, caso contrário fica em branco.

<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();
         // se o valor selecionado for 'Motos', então exibe
         if (valorEscolhido == 'Motos'){
            // exibindo o valor selecionado em uma tag específica (span#valor)
            $("#valor").html(valorEscolhido);
         }else{
            // senão, fica em branco
	    $("#valor").html('');
         }
   });
});
</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>

Ufa! chega por hoje!

Termina aqui mais uma série de posts com JQuery.

Até+

Deixe uma resposta

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