Sumar los valores de varios comboboxes

grecacer · #1 (**permalink**) 30/12/2009, 10:27

Antes que nada decir que no tengo ni la mas minima idea de javascript, pero estoy dispuesto a leer y aprender todo lo posible.

Genero en php unos comboxes así

Código PHP:

  <?php 

        if ($row = mysql_fetch_array($result)){ 

echo '<select name= "cod_jugador1">';

do { 

       echo '<option value= "'.$row["id_jugadores"].'">'.$row["equipo"]." ".$row["valor"].'</option>';

} while ($row = mysql_fetch_array($result)); 

echo '</select>';

}

?></td> <td width="64%"><?php if ($row = mysql_fetch_array($result2)){ 

echo '<select name= "cod_jugador2">';

do { 

       echo '<option value= "'.$row["id_jugadores"].'">'.$row["equipo"]." ".$row["valor"].'</option>';

} while ($row = mysql_fetch_array($result2)); 

echo '</select>';

}

?>

Mi pregunta es si en javascript se puede mostrar un contador que vaya sumando en función de los valores seleccionados en cada combobox. He puesto dos pero son 11 en total.

jackson666 · #2 (**permalink**) 01/01/2010, 21:57

A ver si sirve esto

Código Javascript:

Ver originalfunction suma(id_elem, id_sel){
 
var num = parseFloat(document.getElementById(id_sel).value);
var res = document.getElementById(id_elem);
 
var num2 = parseFloat(res.value);
 
 
var suma = num+num2;
 
res.value = suma;
 
}

Y tus select imprimilos asi en php

Código PHP:

Ver originalecho "<select name='cod_jugador1' id='cod_jugador1' onchange='suma('input_1', this.id)'>";
 
// .........
 
echo "<select name= 'cod_jugador2' id='cod_jugador2' onchange='suma('input_2', this.id)'>";

Luego en tu pagina agrega tantos imputs como selects imprimas (podrias hacerlo con php) con los nombres input_1, input_2 etc... Con value=0. Que te quede asi:

Código HTML:

<html>

<body>
<!-- Aca estarian tus select's generados con php -->

<!-- Luego mas abajo, las cajas de texto -->

<input type="text" id="input_1" value="0" />


<script type="text/javascript">
function suma(id_elem, id_sel){

var num = parseFloat(document.getElementById(id_sel).value);
var res = document.getElementById(id_elem);

var num2 = parseFloat(res.value);


var suma = num+num2;

res.value = suma;

}</script>
</body>
</html>