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.