Foros del Web » Programando para Internet » Javascript »

[AYUDA]Función para multiplicar campos de un formulario

Estas en el tema de [AYUDA]Función para multiplicar campos de un formulario en el foro de Javascript en Foros del Web. Hola. Soy nuevo en Js y les agradeceria mucho si me pudieran ayudar con una función sencilla que estoy haciendo (siguiendo un tutorial) para multiplicar ...
  #1 (permalink)  
Antiguo 02/05/2012, 16:06
 
Fecha de Ingreso: septiembre-2009
Mensajes: 306
Antigüedad: 14 años, 7 meses
Puntos: 10
[AYUDA]Función para multiplicar campos de un formulario

Hola.
Soy nuevo en Js y les agradeceria mucho si me pudieran ayudar con una función sencilla que estoy haciendo (siguiendo un tutorial) para multiplicar unos datos que el usuario elige a partir de un campo select en un formulario. Este es el codigo que tengo hasta ahora:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function multiplicar(){
  3. var m1 = document.getElementByName("adult").value;
  4. var m2 = document.getElementByName("kid").value;
  5. var r1 = m1*<?php echo $price; ?>;
  6. var r2 = m2*<?php echo $price; ?>;
  7. document.getElementByName("resultado1").value = r1;
  8. document.getElementByName("resultado2").value = r2;
  9. }
  10. </script>
La parte de <?php echo $price; ?> arroja un numero entero, por ejemplo 11.

y este es el formulario en html

Código HTML:
<select name="adult" onChange="multiplicar();">
   <option  value="1">01</option>
   <option  value="2">02</option>
</select>

<select name="kid" onChange="multiplicar();">
   <option  value="1">01</option>
    <option  value="2">02</option>
</select>
 
<input name="resultado1" type="text" value="0">
<input name="resultado2" type="text" value="0"> 
En teoria, al cambiar la seleccion de cualquiera de los campos select debería sobreescribir el valor de los dos input, pero no se que es lo que estoy haciendo mal.
__________________
Mantente al tanto del acontecer Turistico nacional
Visita el Parque Bicentenario El Salvador
  #2 (permalink)  
Antiguo 02/05/2012, 16:14
Avatar de Dafonz  
Fecha de Ingreso: octubre-2009
Mensajes: 127
Antigüedad: 14 años, 6 meses
Puntos: 36
Respuesta: [AYUDA]Función para multiplicar campos de un formulario

En que es
Código Javascript:
Ver original
  1. document.getElementsByName;
(notese la s) y debido a que puede regresar varios debes decir cual elemento, como nomas es 1 es el 0 del array es decir:
Código Javascript:
Ver original
  1. var m1 = document.getElementsByName("adult")[0].value;
por ejemplo..
  #3 (permalink)  
Antiguo 02/05/2012, 16:37
 
Fecha de Ingreso: septiembre-2009
Mensajes: 306
Antigüedad: 14 años, 7 meses
Puntos: 10
Respuesta: [AYUDA]Función para multiplicar campos de un formulario

Gracias Dafonz con eso corregido ya sirve la funcion.
Pero me surge una interrogante, si quisiera cambiar ese "input" por un "hiden" y mostrarle al usuario el resultado en un <p> como quedaria el codigo para escribir en el <p>? quedaria algo asi?
Código Javascript:
Ver original
  1. document.getElementsById("resultado1")[0] = r1;

*EDITADO.
Ya encontre como hacerlo.. de veras que esto del DOM no se me hace facil
__________________
Mantente al tanto del acontecer Turistico nacional
Visita el Parque Bicentenario El Salvador

Última edición por severicks; 02/05/2012 a las 18:29

Etiquetas: campos, formulario, html, input, js, multiplicar, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:40.