Comunidad de diseño web y desarrollo en internet online

Ayuda para jquery multiple inputs

Citar            
MensajeEscrito el 10 Nov 2012 03:17 am
Como estan todos

Quisiera pedir les una ayuda con este código.

Código Javascript :

<!DOCTYPE HTML>
<html lang="es-ES">
<head>
   <meta charset="UTF-8">
   <title>Aplicacion de Facturacion</title>
   <style type="text/css">
      tr td:nth-child(2) input{
         width: 300px;
      }
   </style>
   <script type="text/javascript" src="../jquery.js"></script>
</head>
<body>
   <form action="server" method="POST">
      <table>
         <tr>
            <td> <label for="">Fecha:</label> </td>
            <td><span id="Fac_fecha"></span></td>
         </tr>
         <tr>
            <td> <label for="">Señor(es):</label> </td>
            <td> <p id="Fac_client"></p> </td>
         </tr>
         <tr>
            <td> <label for="">RUC:</label> </td>
            <td><span id="Fac_ruc"></span></td>
         </tr>
         <tr>
            <td><label>Direccion:</label></td>
            <td><p id="Fac_address"></p></td>
         </tr>
         <tr>
            <td colspan="2">
               <table border="1" id="tabla">
                  <tr>
                     <th>Cant.</th>
                     <th>descripcion</th>
                     <th>p.unit</th>
                     <th>importe</th>
                  </tr>
                  <tr class="lvl">
                     <td><input type="text" name="" value=""></td>
                     <td><input type="text" name="" value=""></td>
                     <td><input type="text" name="" value=""></td>
                     <td><input type="text" name="" value="" disabled="disabled"></td>
                  </tr>
                  
               </table>
            </td>
         </tr>
      </table>
   </form>
<p>
   Para sacar el IGV es <br>
   Total / 1.18 -> es el IGV redondear a dos digitos<br>
   IGV Solo restemos sub toal del total

</p>
<script type="text/javascript">   
   jQuery(document).ready(function() {
      $('.lvl').keyup(function(){
         var verdad = 0;
         $(this).find('input').each(function(a,e){
            if ($(this).val() != "") {verdad++;};
         });
         if (verdad == 3) {
            $("#tabla").append(newTR());
            verdad = 0;
         };         
      });

      /*$('.lvl').find('input').each(function(a,e){
         var c = $(this);
         alert(c.val()+' - '+a+' - '+e);
      });*/

   });

   function newTR()
   {
      return '<tr class="lvl"><td><input type="text" name="" value=""></td><td><input type="text" name="" value=""></td><td><input type="text" name="" value=""></td><td><input type="text" name="" value="" disabled="disabled"></td></tr>';
   }
</script>
</body>
</html>


En este codigo lo que trato es que cuando en el input Nº 3 tiene contenido y los input's 1 y 2 tengan valores agrege un nuevo "tr" y asi que suceda con el nuevo tr y sucesiva mente

eso es para el primer paso ya que despues de cada confirmacion de input debe de sacar el monto de dicho fila o en este caso los valores que contienen los inputs ya que el cuarto input debe de mostrar el monto total y desde luego que pase tambien en los demas tr o filas que se agregen

me pueden ayudar ya que no consigo que se agrege mas filas

gracias por el tiempo

Por yense

3 de clabLevel



 

Programador

chrome
Citar            
MensajeEscrito el 12 Nov 2012 03:32 pm
Aaaaah en resumen tienes un input, si ese input y los anteriores tienen un dato, debe de aparecer uno nuevo vacio y asi indefinidamente.

Esta padre, dejame ver si se me ocurre algo, por que lo primero que me llega es hacer un ciclo

Ese ciclo tendra la cantidad de inputs existentes (en una variable)
Repetira una verificacion para que el values sea distinto a "" (nada) y si es asi agrega un nuevo input.

Bueno muy bien manos a la obra =D

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 13 Nov 2012 01:47 am
Eso

me podrías recomendar algunos links o manuales para poder tener algunos conocimientos sobre este tema
y gracias por responder

Por yense

3 de clabLevel



 

Programador

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.