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é+
Related posts:
