Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17743
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Somar valores de select e mostrar resultado

10-04-2007 06:43

Nesse artigo vou mostrar como somar valores de 2 selects e exibir o resultado em um input.

Esse script funciona assim: se o 1º select tiver o valor 2 e o 2º tiver o valor 4, no input irá mostrar o valor: 6, que é a soma do valor do 1º + o 2º select.

Vamos ao código detalhado.

<script> /* aqui inicia a função ao mudar a opção do select */ function checar() {   /* é criado uma var para cada select */ campo1 = document.form.select1; campo2 = document.form.select2;   /* se o select1 estiver com valor selecionado, é somado o valor dele */ if(campo1.value!="") { valor1=campo1.value; } else { valor1=""; // se não, o valor do select será vazio }   /* se o select2 estiver com valor selecionado, é somado o valor dele */ if(campo2.value!="") { valor2=campo2.value; } else { valor2=""; // se não, o valor do select será vazio }   /* aqui é criado: um e dois, e feito um calculo para soma */ um = valor1*2/2; // calculo para o select1 dois = valor2*2/2; // calculo para o select2   /* aqui é passado para o input os valores selecionados */ if(um=="" && dois=="") { document.form.total.value=""; // se os selects estão vazio } else { document.form.total.value=um+dois; // se os selects tem algum valor }   } </script>


<!-- abaixo segue o formulário do exemplo //--> <form name="form"> <select name="select1" onChange="checar()"> <option></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>   <select name="select2" onChange="checar()"> <option></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type="text" name="total" value=""> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado