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>.
Cara mto bom script , vlw!