Guardar valores en variables (formulario)

veeeeck · #1 (**permalink**) 21/02/2012, 23:12

Buenas, tengo un problema . Necesito guardar 3 valores de 3 select diferentes y sumarlos... ademas mostrar el resultado dentro de un <label>

de antemano gracias , un saludo!

maycolalvarez · #2 (**permalink**) 22/02/2012, 07:34

http://librosweb.es/javascript/index.html

veeeeck · #3 (**permalink**) 22/02/2012, 10:43

Cita:

Iniciado por maycolalvarez

[url]http://librosweb.es/javascript/index.html[/url]

Ya que se muuuuuy poco de javascript y por lo que lei de lo que me enviaste, tendria que hacer algo asi:

Código Javascript:

Ver originalfunction sumar(){
var total;
total=0;
total= document.getElementsByName("total").value
+parseInt("total2").value;

y en el select tiene que haber algo asi

Código HTML:

Ver original<select name="total"  onfocus="suma" >
        
        <option value= "3">3</option>
        <option value= "10">10</option>
        </select>

Mi pregunta es: es lo correcto? aun no me sirve, estoy por el buen camino? y ademas no se como mostrarlo en un label seria algo asi?

Código HTML:

Ver original<label>
document.write(total);</label>

maycolalvarez · #4 (**permalink**) 22/02/2012, 12:42

parseInt("total2").value

si en dicho caso si necesitas el valor del elemento "total2" necesitas también acceder a su instancia con document.getElementById("total2") porque la función parseInt espera una variable no una instancia de objeto.

para asignar a una capa un valor, puedes usar innerHTML:

document.getElementById('mi_label").innerHTML = total;

donde:
<label id="mi_label"></label>

Generalmente en el foro incentivamos al usuario a buscar su propia solución, si tienes un trozo de código, aunque no funcione postéalo, así es mejor ayudarte, en cambio si el user no aporta nada se interpreta como que quiere que le hagan el código, saludos.

veeeeck · #5 (**permalink**) 22/02/2012, 14:04

Cita:

Iniciado por maycolalvarez

parseInt("total2").value

si en dicho caso si necesitas el valor del elemento "total2" necesitas también acceder a su instancia con document.getElementById("total2") porque la función parseInt espera una variable no una instancia de objeto.

para asignar a una capa un valor, puedes usar innerHTML:

document.getElementById('mi_label").innerHTML = total;

donde:
<label id="mi_label"></label>

Generalmente en el foro incentivamos al usuario a buscar su propia solución, si tienes un trozo de código, aunque no funcione postéalo, así es mejor ayudarte, en cambio si el user no aporta nada se interpreta como que quiere que le hagan el código, saludos.

Listo ya lo habia hecho, pero solo si sabia el numero de selects que se iban a mostrar, pero si necesito crear "n" Selects?

tengo este codigo y no se si esté por el camino correcto, pero no me funciona

Código PHP:

Ver original<html>
<head>
</head>
<body>
<?php $grupos= 5;?>
<script language="JavaScript"> 
function suma1(){
var res = new Array();
var f;
var j;
var=res2;
res2=0;
for(f=1;f<=<?php echo $grupos?>;f++){
res[f] = document.getElementsByName("<?php $grupos?>")[0].value;
          }
for(j=1;j<=<?php echo $grupos?>;j++){
res2=res2 + res[j];
}     
document.getElementById("SUMA").value=res2;
document.getElementById("RESTA").value=res2 - 2;
} 
</script>
<?php $cap = array('1','2','3','4','5');?>
<form name="form1">
<?php for($i=1;$i <= $grupos; $i++){?>
    <select name="<?php echo $grupos?>" type="comboBox" onchange="suma1();">
            <?php for($j=1;$j<=$grupos; $j++){?>
            <option value="<?php echo $j?>"<?php if($cap[0]==$j){?> selected="selected"<?php }?>><?php echo $j; ?></option>
            <?php }?>
    </select> 
  
  <br><?php }?>
  
 
 <input name="SUMA" type="text" id="SUMA" disabled="disabled" size="15" value="" readonly="readonly" /> 
  <input name="RESTA" type="text" id="RESTA" disabled="disabled" size="15" value="" readonly="readonly" /> 
</form>
</body>
</html>

maycolalvarez · #6 (**permalink**) 22/02/2012, 14:22

en el caso de JS debes de usar tu misma variable incremental f y j, porque haces esto:

res[f] = document.getElementsByName("<?php $grupos?>")[0].value; //siempre el 0

cuando debe ser:

res[f] = document.getElementsByName(<?php $grupos?>)[f].value;

¿no te parece más lógico así?

veeeeck · #7 (**permalink**) 22/02/2012, 15:50

Cita:

Iniciado por maycolalvarez

en el caso de JS debes de usar tu misma variable incremental f y j, porque haces esto:

res[f] = document.getElementsByName("<?php $grupos?>")[0].value; //siempre el 0

cuando debe ser:

res[f] = document.getElementsByName(<?php $grupos?>)[f].value;

¿no te parece más lógico así?

Listo, pero no se aun no sirve, estoy algo dudoso si en res[f] me esta guardando lo que quiero realmente que es el valor de cada select seleccionado...

veeeeck · #8 (**permalink**) 23/02/2012, 09:06

Listo ya resolvi...

Código PHP:

Ver original<html>
<head>
<?php $grupos= 5;?>
<script language="JavaScript"> 
function suma1(){
var res = new Array();
var f;
var j;
var res2 = 0;
 
for(f=1;f< <?php echo $grupos + 1; ?>;f++){
var v;
res[f] = document.getElementsByName(f)[0].value;
}
 
for(j=1;j < <?php echo $grupos + 1;?>;j++){
res2=res2 + parseInt(res[j]);
}
      
document.getElementById("SUMA").value=res2;
} 
</script>
</head>
<body>
 
 
<form name="form1">
<?php for($i=1;$i <= $grupos; $i++){?>
    <select name="<?php echo $i?>" type="comboBox" onchange="suma1();">
            <?php for($j=1;$j<=$grupos; $j++){?>
            <option value="<?php echo $j?>"><?php echo $j; ?></option>
            <?php }?>
    </select> 
  
  <br><?php }?>
  
 
 <input name="SUMA" type="text" id="SUMA"  size="15" value="" /> 
  <input name="RESTA" type="text" id="RESTA"  size="15" value="" readonly="readonly" /> 
</form>
</body>
</html>