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


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17666
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 das options selecionadas em todos os selects

28-07-2016 15:47

Nesse post vou mostrar um script em jQuery que serve para somar os valores das opções de um select que foram selecionadas.

Funciona assim:

Quando o usuário escolher uma das opções do primeiro select esse valor é enviado para uma div.
Quando o usuário escolher um valor do segundo select esse valor é somado com o primeiro select e o total de ambos os selects somados são mostrados na div.

<script src="jquery.js"></script> <script> $(function() { $(".select").change(function() { valor = 0; $(".select").each(function() { soma = $("option:selected", this).val(); if(soma!="") { valor+=parseInt(soma); } }); $("#resultado").html(valor.toFixed(2)); }); }); </script> <select class="select"> <option></option> <option value="10.00">10.00</option> <option value="20.00">20.00</option> </select> <select class="select"> <option></option> <option value="30.00">30.00</option> <option value="40.00">40.00</option> </select> <div id="resultado"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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