PROBLEMA Suma de select

stevencone · #1 (**permalink**) 28/10/2013, 15:44

Que tal amigos soy nuevo en esto y quisiera que me ayuden, estoy haciendo una cotización a través de una pagina PHP, y a al sumar mis select cada vez que hago click se sigue incrementando y no toma solo un valor del seletc. tengo este código y quisiera solo tomar un valor y no cada vez que hago click en los valores del select.

$("#miSelect").select(function(){
$("#miSelect option:selected").each(function () {
calculo=$(this).val();
inc=$("#calculo").val();
$("#calculo").val(parseFloat(calculo)+parseFloat(i nc));
})
}

)

#calculo es una caja de texto donde se va sumando los artículos seleccionados.
Muchas gracias ante todo

torturo · #2 (**permalink**) 28/10/2013, 19:33

has intentado hacer una operación lógia, algo como esto:
var log=false;

if(log === false)
{
$("#miSelect").select(function(){
$("#miSelect option:selected").each(function () {

calculo=$(this).val();
inc=$("#calculo").val();
$("#calculo").val(parseFloat(calculo)+parseFloat (i nc));
})
}
)
log=true;
}

esa es una idea, pero imagino que hay más...
de igual manera menciono que no funcionará de nuevo HASTA que se recargue la página...

Maganius · #3 (**permalink**) 29/10/2013, 08:41

Porque estas usando each?

Código Javascript:

Ver original$("#miSelect").select(function(){
 
alert(parseFloat($("#miSelect option:selected").val())+parseFloat($("#calculo").val()));
 
)

stevencone · #4 (**permalink**) 29/10/2013, 10:41

He probado con las dos maneras y no me muestra el resultado en el cuadro de texto, each lo ponia para q almacene o sume cada select en el textbox.
La imagen es la referencia:

https://drive.google.com/file/d/0B78mdbyRhFR0SnhQZW51TTN1eGM/edit?usp=sharing

Maganius · #5 (**permalink**) 29/10/2013, 13:57

Pone el html y el javascript de nuevo y usa los highlight que son utiles

stevencone · #6 (**permalink**) 29/10/2013, 14:47

Haber:

Código Javascript:

Ver original<?php
$conexion = (mysql_connect("localhost","root","")) or die(mysql_error());
mysql_select_db("dbprice",$conexion) or die(mysql_error());
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script>
$(document).ready(function(){
// Creamos el evento change para detectar el elemento elegido
$("#combo1").change(function () {
    $("#combo1 option:selected").each(function () {
                        // capturamos el valor elegido
            elegido=$(this).val();
                        // Llamamos al archivo combo1.php
            $.post("combo1.php", { elegido: elegido }, function(data){
                        // Asignamos las nuevas opciones para el combo2
            $("#combo2").html(data);
                        // reseteamos el combo3
            $("#combo3").html("");
            $("#combo4").html("");
        });         
        });
   
 
    });
   // Parametros para el combo2
    $("#combo2").change(function () {
        $("#combo2 option:selected").each(function () {
            //alert($(this).val());
                elegido=$(this).val();
                $.post("combo2.php", { elegido: elegido }, function(data){
                $("#combo3").html(data);                
                $("#combo4").html("");
            });         
            
            
        $("#combo3").change(function () {
        $("#combo2 option:selected").each(function () {
            //alert($(this).val());
                elegido=$(this).val();
                $.post("combo3.php", { elegido: elegido }, function(data){
                $("#combo4").html(data);                
            });         
        });
   })
            
        })  
  
   })
   $("#combo4").click(function(){
       $("#combo4 option:selected").each(function () {
           calculo=$(this).val();
           $("#calculo").val(calculo);
           })      
       }
   )
  $("#CboHDD2").click(function(){
       $("#CboHDD2 option:selected").each(function () {
           calculo=$(this).val();
           inc=$("#calculo").val();
           
           $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )
   
    $("#CboRam").click(function(){
       $("#CboRam option:selected").each(function () {
           calculo=$(this).val();
           inc=$("#calculo").val();        
           $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )
   <!------------------------>
     $("#CboHDD4").click(function(){
       $("#CboHDD4 option:selected").each(function () {
           calculo=$(this).val();
           inc=$("#calculo").val();        
          $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )
   
   $("#CboGpu").click(function(){
       $("#CboGpu option:selected").each(function () {
           calculo=$(this).val();
           inc=$("#calculo").val();        
           $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )
   
    $("#CboCase").click(function(){
       $("#CboCase option:selected").each(function () {
           calculo=$(this).val();
           inc=$("#calculo").val();        
           $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )
   
    $("#CboHDD5").click(function(){
       $("#CboHDD5 option:selected").each(function () {
           calculo=$(this).val();
           inc=$("#calculo").val();        
           $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )
   
       $("#CboTM").click(function(){
       $("#CboTM option:selected").each(function () {
           calculo=$(this).val();
           inc=$("#calculo").val();        
           $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )
});
</script>
<style>
h1,h2,h3{
    margin:0px;
    padding:5px;
    border-bottom:#066 dashed 1px;
 
}
#pagina{
    width:900px;
    margin:0 auto;
    background:#F3F3F3;
    border:1px solid #CCC;
    padding:10px;
    }
</style>
</head>
<body>
<div id="pagina">
<?php 
$plataforma="SELECT * FROM tbl_compatible";
$s=mysql_query($plataforma) or die (mysql_error());
if (isset($_REQUEST['envia'])): 
    $idp=$_REQUEST['combo4'];
    $precio=$_REQUEST['calculo'];
    $c0=mysql_query("select * from tbl_price_detalle") or die(mysql_error());   
    if (mysql_insert_id()==0):
        $id=1;
    else:
        $id=mysql_insert_id()+1;
    endif;
 
    $c="SELECT * from tbl_producto WHERE precio_pro=".$idp." limit 1";
    $s=mysql_query($c) or die (mysql_error());
    
    while ($r = mysql_fetch_array($s)): 
        $c1="insert into tbl_price_detalle values($id,$idp,$precio)";
        $s1=mysql_query($c1) or die (mysql_error());
        echo "transacción salvada....";
        echo "<a href='index.php' > CONTINUAR </a>";
    endwhile; 
else:
?>
<form id="form1">
<H1>ARMA TU PC SISAQP</H1>
--------------------------------------------------------S/.<input name="calculo" type="text" id="calculo" value="0" /><BR />
 
<H3>Plataforma</H3>
<select name="combo1" id="combo1">  
    <?php while ($r = mysql_fetch_array($s)):   ?>
    <option value="<?php echo $r['id_compatible'] ?>"><?php echo $r['tipo_compatible'] ?></option>
    <?php endwhile; ?>
</select> <BR /> 
<H3>Socket</H3> 
<select name="combo2" id="combo2">  
</select><BR />
<H3>Procesador</H3>
<select name="combo3" id="combo3">  
</select><BR />
<H3>Placa Madre</H3>
<select name="combo4" id="combo4">  
</select><BR />
 
<H3>Disco Duro</H3>
<?php
$tabla = mysql_query("select * from tbl_producto where id_sector=19");
?>
   <select name="CboHDD2" id="CboHDD2">
     <option value="0">Selecciona Uno...</option>
     <?php  while ($registro = mysql_fetch_array($tabla)): ?>
     <option value="<?php echo $registro['precio_pro'];?>"><?php echo $registro['descr_pro'];?> Precio : <?php echo $registro['precio_pro'];?></option>
     <?php endwhile; ?>
   </select>
 
<input name="envia" type="submit" value="guardar" id="envia" />
 
 
</form>
<?php endif; ?>
 
</div>
</body>
</html>

Maganius · #7 (**permalink**) 29/10/2013, 16:29

Código Javascript:

Ver original$("#CboHDD2").click(function(){
       var calculo = $("#CboHDD2").val();
           inc=$("#calculo").val();
           
           $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )

stevencone · #8 (**permalink**) 29/10/2013, 17:24

Cita:

Iniciado por Maganius

Código Javascript:

Ver original$("#CboHDD2").click(function(){
       var calculo = $("#CboHDD2").val();
           inc=$("#calculo").val();
           
           $("#calculo").val(parseFloat(calculo)+parseFloat(inc));
           })      
       }
   )

Nada hermano sigue sumando al cambiar el prodcuto, tu crees q tenga q ver algo el método click??

Maganius · #9 (**permalink**) 30/10/2013, 05:24

Pero suma? al principio sumaba?

Si suma después de cambiar el producto es por el evento change.

Cuando queres que sume? al apretar un botón?

el evento click es correcto en ese caso.

Tal vez estés usando los eventos en mal orden?

stevencone · #10 (**permalink**) 30/10/2013, 10:00

Que tal gracias por la atención, ssi suma pero el problema es cuando por ejemplo: quiero cambiar de selección de disco duro, debería cambiar el monto seleccionado por el actual sin embargo lo añade, te doy el link de lo que se requiere.

http://pcel.com/index.php?route=pcel/armapc&plataforma=67

Maganius · #11 (**permalink**) 30/10/2013, 11:22

Ese es el ejemplo que estas trabajando o es algo similar a lo que queres hacer?

Lo que te hace es esto?

Total: 2.000

Agregas disco duro

Total: 2.000100?

Si hace eso es porque no estas sumando como numero y lo esta tomando como string.

proba poniendole parseFloat a

$("#calculo").val()

Supongo que ahi guardas el total para luego ir sumándolo, lo estas trayendo como string y no como Int

stevencone · #12 (**permalink**) 30/10/2013, 14:31

Es lo que se desea hacer, realiza la suma pero cuando selecciono otro producto ya seleccionado no cambia el precio sino lo sigue sumando.