multiplicar textbox

oscarios · #1 (**permalink**) 14/03/2011, 11:32

hola buenos dias, amigos hoy acudo a su ayuda porque necesito multiplicar un textbox por otro en un formulario, el valor por la cantidad, si en cantidad pongo 3 que el select valor se multipliqe por 3 osea por cantidad. les dejo el codigo a ver si me pueden dar una manito.

Código HTML:

Ver original<form action="paginaenvio.php" method="post" name="formulario" id="formulario" onsubmit="MM_validateForm('extra1','','R','nombreComprador','','R','documentoIdentificacion','','R','emailComprador','','RisEmail','telefonoMovil','','RisNum');return document.MM_returnValue">
          <table width="100%" border="0">
            <tr>
              <td>&nbsp;</td>
              <td><input type="hidden" name="usuarioId" value="68908" />
                <input type="hidden" name="llave" value="12e976012b5" />
                <input type="hidden" name="moneda" value="COP" />
                <input type="hidden" name="iva" value="0" />
                <input type="hidden" name="baseDevolucionIva" value="0" />
                <input type="hidden" name="url_confirmacion" value="http://www.inversionespalmiro.com/confirmacion.php" width="400" />
                <input type="hidden" name="url_respuesta" value="http://www.inversionespalmiro.com/respuesta.php" width="400" /></td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td colspan="3" bgcolor="#FFFFFF" class="Estilo44">DATOS DE LA COMPRA</td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Referencia de la venta</td>
              <td><input name="refVenta" type="text" class="cajas" value="<?php echo $refVenta; ?>" readonly="readonly"/></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Cantidad</td>
              <td><input type="text" name="cantidad" id="cantidad" /></td>
              <td>&nbsp;</td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Descripci&oacute;n</td>
              <td><select name="descripcion" class="cajas" id="descripcion" onchange="cambiar()">
                <option value="superplusanual" selected="selected">SuperPlus Anual $1.200.000</option>
                <option value="superplussemestral">SuperPlus Semestral $720.000</option>
                <option value="superplustrimestral">SuperPlus Trimestral $420.000</option>
                <option value="superplusmensual">SuperPlus Mensual $160.000</option>
                <option value="plusanual">Plus Anual $960.000</option>
                <option value="plussemestral">Plus Semestral $540.000</option>
                <option value="plustrimestral">Plus Trimestral $300.000</option>
                <option value="plusmensual">Plus Mensual $120.000</option>
                <option value="basicoanual">Basico Anual $480.000</option>
                <option value="basicosemestral">Basico Semestral $300.000</option>
                <option value="basicotrimestral">Basico Trimestral $180.000</option>
                <option value="basicomensual">Basico Mensual $70.000</option>
                <option value="clasificadoanual">Clasificado Anual $180.000</option>
                <option value="clasificadosemestral">Clasificado Semestral $120.000</option>
                <option value="clasificadotrimestral">Clasificado Trimestral $75.000</option>
                <option value="clasificadomensual">Clasificado Mensual $30.000</option>
              </select></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Valor total</td>
              <td>$
                <select name="valor" class="cajas" id="valor">
                  <option value="1200000">1200000</option>
                  </select></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr>
              <td colspan="3" class="Estilo44">DATOS DEL COMPRADOR</td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Nombre Empresa</td>
              <td><label>
                <input name="extra1" type="text" class="cajas" id="extra1" />
              </label></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Nombre Representante</td>
              <td><label>
                <input name="nombreComprador" type="text" class="cajas" id="nombreComprador" />
              </label></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Tipo documento de Id.</td>
              <td><label>
                <select name="tipoDocumentoIdentificacion" class="cajas" id="tipoDocumentoIdentificacion">
                  <option selected="selected">Seleccione</option>
                  <option value="1">Cedula de Ciudadania</option>
                  <option value="2">Nit Sin digito de chequeo</option>
                  <option value="3">Cedula de Extrangeria</option>
                  <option value="4">Tarjeta de Identidad</option>
                  <option value="5">Pasaporte</option>
                  <option value="6">Tarjeta Social Security</option>
                  <option value="7">Sociedad extranjera sin Nit. </option>
                  <option value="8">Fideicomiso</option>
                  <option value="9">Registro Civil</option>
                  <option value="10">Carné Diplomático</option>
                  <option value="99">Otro</option>
                </select>
              </label></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Numero de Identificacion</td>
              <td><label>
                <input name="documentoIdentificacion" type="text" class="cajas" id="documentoIdentificacion" />
              </label></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Email comprador</td>
              <td><input name="emailComprador" type="text" class="cajas" id="emailComprador" /></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Direccion / Ciudad</td>
              <td><label>
                <input name="extra2" type="text" class="cajas" id="extra2" />
              </label></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr onmouseover="this.style.backgroundColor = '#E6E6E6'" onmouseout="this.style.backgroundColor = '#F5F5F5'" style="background-color: #F5F5F5">
              <td class="Estilo43">Celular</td>
              <td><label>
                <input name="telefonoMovil" type="text" class="cajas" id="telefonoMovil" />
              </label></td>
              <td><img src="imagenes/candado2.gif" width="16" height="16" /></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><input type="submit" value="SIGUIENTE" />
                <label>
                  <input type="button" name="button" id="button" value="CONSULTAR" />
                </label></td>
              <td>&nbsp;</td>
            </tr>
          </table>
        </form>

mashter · #2 (**permalink**) 14/03/2011, 11:39

te dejo este ejemplo de un formulario que hice; le pones cuantos asistentes y agrega campos preguntando nombre, telefono,extencion, correo

Código HTML:

Ver original<html>
...
...
 
<script type="text/javascript"> 
 
 
function mostrar(num) {
    var i;
    var campos;
    var renglon1;
    var renglon2;
    var renglon3;
    var renglon4;
    var renglon5;
    var renglon6;
    campos='';
    for (i=1; i<=num; i++)
    {
 
        renglon1 =' <b>ASISTENTE #'+i+'</b><br/>';
        renglon2 ='  NOMBRE:<br /> <input type="text" name="Nombre_'+i+'" size="100"><br/>';
        renglon3 =' TELEFONO:<br /> <input type="text" name="Telefono_'+i+'" size="100"><br /> ';
        renglon4 =' EXTENCION:<br /> <input type="text" name="Extencion_'+i+'" size="100"><br/>';
        renglon5 =' CORREO ELECTRONICO:<br /> <input type="text" name="Correo_'+i+'" size="100"><br/><hr/><br/>';
        renglon6 =' ';
 
        campos=campos+renglon1+renglon2+renglon3+renglon4+renglon5+renglon6;
        
    }
    document.getElementById("camposneuvos").innerHTML=campos;
 
}
</script>
...
...
...
<body>
...
<form...
 
AQUI SELECCIONA CANTIDAD DE CAMPOS
  <select name="Numero_De_Personas_Que_Asisten"  onchange="mostrar(this.selectedIndex);" > 
    <option value="0" selected="selected">Numero de Personas Que Asisten</option> 
    <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> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    <option value="8">8</option> 
    <option value="9">9</option> 
    <option value="10">10</option> 
    <option value="11">11</option> 
    <option value="12">12</option> 
    <option value="13">13</option> 
    <option value="14">14</option> 
    <option value="15">15</option> 
    <option value="16">16</option> 
    <option value="17">17</option> 
    <option value="18">18</option> 
    <option value="19">19</option> 
    <option value="20">20</option> 
    <option value="21">21</option> 
    <option value="22">22</option> 
    <option value="23">23</option> 
    <option value="24">24</option> 
    <option value="25">25</option> 
    <option value="26">26</option> 
    <option value="27">27</option> 
    <option value="28">28</option> 
    <option value="29">29</option> 
    <option value="30">30</option> 
  </select> 
 
....
  <span id="form5">DATOS DE LOS ASISTENTES:</span><br /> 
  <br /> 
<div  id='camposneuvos'>AKI APARECERAN LOS CAMPOS</div>  
 
</form>
....
</body>
</html>

oscarios · #3 (**permalink**) 14/03/2011, 12:14

oye master gracias por tu aporte, pero creo que no hay relacion entre lo que necesito y tu formulario, un abrazo!

mashter · #4 (**permalink**) 14/03/2011, 12:18

es cuestion de acoplarlo, en el ejemplo crea 4 campos y tu necesitas 1, solo editalo y pegalo

bUllan9ebrio · #5 (**permalink**) 14/03/2011, 12:21

Cita:

Iniciado por oscarios

hola buenos dias, amigos hoy acudo a su ayuda porque necesito multiplicar un textbox por otro en un formulario, el valor por la cantidad, si en cantidad pongo 3 que el select valor se multipliqe por 3 osea por cantidad. les dejo el codigo a ver si me pueden dar una manito.

Esto lo necesitas enviando el formulario, o al momento que lo seleccionas en el select??

Iskra · #6 (**permalink**) 14/03/2011, 12:23

Tal vez siendo un poco mas especifico en cuanto a tu requerimiento podamos ayudarte :) con alguna imagen de esto o definicion formal

GatorV · #7 (**permalink**) 14/03/2011, 12:49

Tema movido desde PHP a Javascript

santiago_montero · #8 (**permalink**) 14/03/2011, 12:55

Checa esto:
http://www.forosdelweb.com/f13/multi...s-text-893593/

es un aporte de Alan esta funcional!!!

Naahuel · #9 (**permalink**) 14/03/2011, 13:12

Yo creo que lo que quiere es que por ejemplo, teniendo un precio en un campo y si se ingresa una cantidad, en otro campo te tire el total. Algo así:

Código HTML:

Ver original<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'></script> 
<script type="text/javascript">
    $(function(){
        $('#cantidad, #precio').change(function(){
            var cantidad = parseFloat($('#cantidad').val());
            var precio = parseFloat($('#precio').val());
            var total = precio*cantidad;
            $('#total').val(total);
        }); 
    });
</script>
</head>
 
<body>
 
    <form>
        <p><label for="precio">Precio</label><input id="precio" /></p>
        <p><label for="cantidad">Cantidad</label><input id="cantidad" /></p>
        <p><label for="total">Total</label><input id="total" disabled="disabled" /></p>     
    </form>
</body>
</html>

Acá lo pueden ver funcionando en JSBin: http://jsbin.com/etuza5

oscarios · #10 (**permalink**) 14/03/2011, 14:04

ok gracias a todos por la intension de ayuda, voy con la respuesta de naahuel es lo que necesito, voy a probarlo y te cuento.

oscarios · #11 (**permalink**) 14/03/2011, 14:12

naahuel persona la ignorancia, pero donde puedo conseguir la libreria para tenerla en el sitio y no en un link?

Naahuel · #12 (**permalink**) 14/03/2011, 16:11

Te referís a jQuery? podés descargarla de acá:
www.jquery.com