JQuery: Acessando o valor de um combobox – parte 1

Lembrando, baixe a biblioteca JQuery e faça a chamada dentro das tags <head> </head>.

<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 do atributo value da tag option
      valorEscolhido = $("#select_valor option:selected").val();
      // exibindo uma janela com o valor selecionado
      alert (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>
</body>

Explicando:
Ao selecionar um item do combobox ou caixa de seleção ou qualquer coisa que você chame, uma mensagem será exibida como o valor do atributo value.

Teste aí!

Abraços.

Deixe uma resposta

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