[Resolvido] somar valores por names

[11closed 0]

ola

 

tenho uns formularios aq que cada um deles tem um valor diferente, tipo assim

 

<li>Frutas*: <select name="Frutas" id="Frutas">
      <option value="Laranja">Laranja</option>
      <option value="Limao">Limao</option>
      <option value="Abacaxi">Abacaxi</option>
      <option value="Pera">Pera</option>
 	</select></li>
<li>Quantas Laranja;*: <select name="qtslaranjas" id="qtslaranjas">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
 	</select></li>
<li>Laranjas 1*: <input type="text" name="Laranjas1"></input></li>
<li>Laranjas 2*: <input type="text" name="Laranjas2"></input></li>
<li>Laranjas 3*: <input type="text" name="Laranjas3"></input></li>
<li>Laranjas 4*: <input type="text" name="Laranjas4"></input></li>
<li>Laranjas 5*: <input type="text" name="Laranjas5"></input></li>
<li>Quantos Limao;*: <select name="qtsLimao" id="qtsLimao">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
 	</select></li>
<li>Limao 1*: <input type="text" name="Limao1"></input></li>
<li>Limao 2*: <input type="text" name="Limao2"></input></li>
<li>Limao 3*: <input type="text" name="Limao3"></input></li>
<li>Limao 4*: <input type="text" name="Limao4"></input></li>
<li>Limao 5*: <input type="text" name="Limao5"></input></li>

<li>Quantas Abacaxi*: <select name="qtsAbacaxi" id="qtsAbacaxi">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
 	</select></li>
<li>Abacaxi 1*: <input type="text" name="Abacaxi1"></input></li>
<li>Abacaxi 2*: <input type="text" name="Abacaxi2"></input></li>
<li>Abacaxi 3*: <input type="text" name="Abacaxi3"></input></li>
<li>Abacaxi 4*: <input type="text" name="Abacaxi4"></input></li>
<li>Abacaxi 5*: <input type="text" name="Abacaxi5"></input></li>

<li>Quantas Pera*: <select name="qtsPera" id="qtsPera">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
 	</select></li>
<li>Pera 1*: <input type="text" name="Pera1"></input></li>
<li>Pera 2*: <input type="text" name="Pera2"></input></li>
<li>Pera 3*: <input type="text" name="Pera3"></input></li>
<li>Pera 4*: <input type="text" name="Pera4"></input></li>
<li>Pera 5*: <input type="text" name="Pera5"></input></li>
<li>Forma de Pagamento*: 
      <select type="text" name="Formapag" >
   	<option>A</option> 
   	<option>B</option>
   	<option>C</option>
      </select>
    </li> 

<li>Valor total é: R$</li> 

no java scripts tipo assim ..

 

function soma(somar) {

A = 30;
B = 125;
C = 240;

Laranja = 5;
Limao = 8;
Abacaxi = 10;
Pera = 8;

Laranjas1 = 0;
Laranjas2 = 5;
Laranjas3 = 10;
Laranjas4 = 15;
Laranjas5 = 20;

Limao1 = 0;
Limao2 = 8;
Limao3 = 16;
Limao4 = 24;
Limao5 = 32;

Abacaxi1 = 0;
Abacaxi2 = 10;
Abacaxi3 = 20;
Abacaxi4 = 30;
Abacaxi5 = 40;

Pera1 = 0;
Pera2 = 8;
Pera3 = 16;
Pera4 = 24;
Pera5 = 32;

function Soma(somar) {
// ai eu gostaria de fazer um script que se no select Frutas eu escolher Laranja, la no li do valor total aparece 5R$ em ajax. ai se no select Quantas Laranja eu escolher 5 no li do valor total atualizara em ajax para 20R$, ai se eu escolher fomar de pagamento A no valor total aparecera 50R$.. intendeuu ?
}

como eu faso isso

 

alguem sabe onde tem um script que poderia me ajudar ?

 

t+

[11closed 0]

ola mudei umas coisas aq

 

tentei fazer assim mais ñ deu, algum pode me ajudar

 

olha !!

 

<li>partes*: <select name="parts" id="parts" onchange="ChamarInputs();">                        
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
</select></li>
<li>Forma *: 
      <select type="text" name="Forma" id="Forma" value="<?php if (sizeof($erro) != 0) { echo $Forma; } ?>" onchange="Somar()">
       <option value="A">A</option>
       <option value="B">B</option>
       <option value="C">C</option>
      </select>
</li>
 <li>Valor Total é: <span id="qnts"></span></li>

function Somar() {
 
 var planoA = 30;
 var planoB = 150;
 var planoC = 240;
 
 var part1 = 0;
 var part2 = 5;
 var part3 = 10;
 var part4 = 15;
 var part5 = 20;
 
 if (document.getElementById("parts").value == '1'){
  if (document.getElementById("Forma").value == 'A') {
   var Resultado = part1+planoA;
  }
  if (document.getElementById("Forma").value == 'B') {
   var Resultado = part1+planoB;
  }
  if (document.getElementById("Forma").value == 'C') {
   var Resultado = part1+planoC;
  }
 }     
 document.getElementById("qnts").html( $( Resultado ).html() );
 //$("#qnts ").html( $( Resultado ).html() ); //tb ñ deu
 //alert( $( Resultado ).html() );  
}

da erro na pagina

Mensagem: Objeto esperado

Linha: 66

 

a linha 66 é essa

 

document.getElementById("qnts").html( $( Resultado ).html() );

 

o que devo fazer ? alguem sabe me ajuda ?

 

t+

[William Bruno 1501]

Você está trabalhando com jQuery ou não ?

[11closed 0]

bom nesse script ñ .

 

pq seria melhor trabalhar com jquery para somar ?

 

t+

[Thiago Retondar 18]

Por que você declarou métodos do jQuery http://forum.imasters.com.br/public/style_emoticons/default/seta.gif document.getElementById("qnts").html( $( Resultado ).html() );

 

Se estiver usando, certifique-se de que colocou o framework no documento.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[11closed 0]

haa sim

 

olha

 

<script src="../adm/scripts/jquery-1.3.2.js" type="text/javascript" ></script>
<script type="text/javascript">
// soma do valor em R$
function Somar() {
 
 var planoA = 30;
 var planoB = 150;
 var planoC = 240;
 
 var part1 = 0;
 var part2 = 5;
 var part3 = 10;
 var part4 = 15;
 var part5 = 20;
 
 if (document.getElementById("qtsparts").value == '1'){
  if (document.getElementById("Forma").value == 'A') {
   var Resultado = part1+planoA;
   alert( $( Resultado ).html() );   
   //document.getElementById("qnts").html( $( Resultado ).html() );
   $("#qnts ").html( $( Resultado ).html() );
  }
  if (document.getElementById("Forma").value == 'B') {
   var Resultado = part1+planoB;
  }
  if (document.getElementById("Forma").value == 'C') {
   var Resultado = part1+planoC;
  }
 } 	
   
}
// FIM soma do valor em R$
</script>

esta dano erro na pagina na linha 484 da jquery-1.3.2.js

'this.0.innerHTML' é nulo ou não é objeto.

 

e la no span ñ mostra nada.

 

t+

[11closed 0]

existe algum comando do javascript para mostrar o valor da variavel sem JQuery ?

 

tentei assim tb ñ deu

 

document.getElementById('qnts').innerHtml = Resultado;

O que eu quero é q quando eu escolher o select forma entre A, B ou C o resultado aparecer no span, sem atualizar a pag.

 

Bom sem JQuery ou com JQuery tanto faz...

 

t+

[William Bruno 1501]

Exemplo:

<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
function Somar() 
{
	var plano = new Array( 30, 150, 240 );
	var part = new Array( 0, 5, 10, 15, 20 );
 
	var p =  id('parts').value;
	var f = id('Forma').value;

	var Resultado = parseInt( plano[p] ) + parseInt( part[f] );
	document.getElementById('qnts').innerHTML = Resultado;
}
</script>

	<li>partes*: <select name="parts" id="parts">
		<option value="">--</option>               
		<option value="0">1</option>
		<option value="1">2</option>
		<option value="2">3</option>
		<option value="3">4</option>
		<option value="4">5</option>
	</select></li>
	<li>Forma *: <select type="text" name="Forma" id="Forma" onchange="Somar()">
		<option value="">--</option>
		<option value="0">A</option>
		<option value="1">B</option>
		<option value="2">C</option>
	</select></li>
	<li>Valor Total é: <span id="qnts"></span></li>

trabalhei com Arrays, pois com essa tua verificação com ifs, ficaria muito mais complicado.

 

estude.

[11closed 0]

vlw William Bruno deu certo aq .

 

é pussivel aguardar em uma variavel php o valor da variavel Resultado, para que eu possa manda para o banco de dados o valor da variavel Resultado ao apertar no botão enviar.

 

tentei fazer assim mais ñ deu o resultado é ''

 

$valor = "<script>document.write(Resultado)</script>";

t+

[William Bruno 1501]

cara, envia para um input, e então você pega com $_POST na hora do envio do form.

[11closed 0]

então cara. mais se eu coloco um input, o valor do resultado ñ aparece quando eu seleciono o select "forma".

 

tipo

 

<li>O Valor Total é: <input id="qnts" name="qnts"></input>,00R$<li>

ñ aparece nada dentro do input qnts. so esta funcionando com o span, porque sera ?

 

t+

[William Bruno 1501]

você não usa .innerHTML para inputs, você deve usar: .value !!

 

isso é básico.. dá uma estudada em JS, se não não tem como mesmo..

[11closed 0]

obrigado William Bruno

 

deu certo vlww

 

t+