Skip to main content
ya esta añadido el html y el jquery con mejor estrucutra
Origen Enlace
moha
  • 1
  • 3

Código de lo que tengo:

<ul class="nav">
                          <li class="nav-item add_referencia" title="añadir">
                              <a class="nav-link">
                                  <img src="../epanel/imagenes/ventas/add.png" />
                              </a>
                          </li>
                          <li class="nav-item update" title="modificar">
                              <a class="nav-link">
                                  <img src="../epanel/imagenes/ventas/editar.png" />
                              </a>
                          </li>
                          <li class="nav-item" title="eliminar">
                              <a class="nav-link">
                                  <img src="../epanel/imagenes/ventas/eliminar.png" />
                              </a>
                          </li>
                          <li class="nav-item" title="exportar">
                              <a class="nav-link">
                                  <img src="../epanel/imagenes/ventas/datos-adicionales.png" />
                              </a>
                          </li>
                          <li class="nav-item view" title="visualizar">
                              <a class="nav-link">
                                <img src="../epanel/imagenes/ventas/referencia.png" />
                              </a>
                          </li>
                     </ul>
<script type="text/javascript">
     increment = 0;
    $('.add_referencia').click(function(){
    increment = 0;  
        RowInput = '<tr><td><input class="referencia_prod_'+ increment+'" type="text" name="referencia"  value="" /></td>' +       
        '<td><input class="erp-table-input descripcion col-md-12" type="text" name="descripcion" value="" /></td>' +
        '<td><input class="erp-table-input col-md-12" type="text" name="iva" value="" /></td>' +
        '<td><input class="erp-table-input col-md-12" type="text" name="cantidad" value="" /></td>'+
        '<td><input class="erp-table-input precio col-md-12" type="text" name="precio" value="" /></td>'+
        '<td><input class="erp-table-input col-md-12" type="text" name="dto_por" value="" /></td>'+
        '<td><input class="erp-table-input col-md-12" type="text" name="dto_lineal" value="" /></td>'+
        '<td><input class="erp-table-input col-md-12" type="text" name="total" value="" /></td>'+
        '</tr>';
    incre =   increment++;
        $('.presupuesto').append(RowInput);
    
    });

    $('.presupuesto').on('keyup', '.referencia_prod_'+incre, function(e){
      
        $(this).val();

     });
</script>

No sé por qué, pero no me lo coge, quería decir que es mi primer post, ya se nota, lo digo por si hay alguna forma específica de poner el código o algo, no estaría más saber para más adelante. Espero que alguien me pueda ayudar, ya que no domino muy bien el jQuery y gracias

No sé por qué, pero no me lo coge, quería decir que es mi primer post, ya se nota, lo digo por si hay alguna forma específica de poner el código o algo, no estaría más saber para más adelante. Espero que alguien me pueda ayudar, ya que no domino muy bien el jQuery y gracias

Código de lo que tengo:

$('.add_referencia').click(function(){
    increment = 0;
    RowInput = '<tr><td><input class="referencia_prod_'+ increment+'" type="text" name="referencia"  value="" /></td>' +       
    '<td><input class="erp-table-input descripcion col-md-12" type="text" name="descripcion" value="" /></td>' +
    '<td><input class="erp-table-input col-md-12" type="text" name="iva" value="" /></td>' +
    '<td><input class="erp-table-input col-md-12" type="text" name="cantidad" value="" /></td>'+
    '<td><input class="erp-table-input precio col-md-12" type="text" name="precio" value="" /></td>'+
    '<td><input class="erp-table-input col-md-12" type="text" name="dto_por" value="" /></td>'+
    '<td><input class="erp-table-input col-md-12" type="text" name="dto_lineal" value="" /></td>'+
    '<td><input class="erp-table-input col-md-12" type="text" name="total" value="" /></td>'+
    '</tr>';
    incre =  increment++;
    $('.presupuesto').append(RowInput);

});

$('.presupuesto').on('keyup', '.referencia_prod_'+incre, function(e){
  
    $(this).val();

 });

No sé por qué, pero no me lo coge, quería decir que es mi primer post, ya se nota, lo digo por si hay alguna forma específica de poner el código o algo, no estaría más saber para más adelante. Espero que alguien me pueda ayudar, ya que no domino muy bien el jQuery y gracias

<ul class="nav">
                          <li class="nav-item add_referencia" title="añadir">
                              <a class="nav-link">
                                  <img src="../epanel/imagenes/ventas/add.png" />
                              </a>
                          </li>
                          <li class="nav-item update" title="modificar">
                              <a class="nav-link">
                                  <img src="../epanel/imagenes/ventas/editar.png" />
                              </a>
                          </li>
                          <li class="nav-item" title="eliminar">
                              <a class="nav-link">
                                  <img src="../epanel/imagenes/ventas/eliminar.png" />
                              </a>
                          </li>
                          <li class="nav-item" title="exportar">
                              <a class="nav-link">
                                  <img src="../epanel/imagenes/ventas/datos-adicionales.png" />
                              </a>
                          </li>
                          <li class="nav-item view" title="visualizar">
                              <a class="nav-link">
                                <img src="../epanel/imagenes/ventas/referencia.png" />
                              </a>
                          </li>
                     </ul>
<script type="text/javascript">
     increment = 0;
    $('.add_referencia').click(function(){
        
        RowInput = '<tr><td><input class="referencia_prod_'+ increment+'" type="text" name="referencia"  value="" /></td>' +       
        '<td><input class="erp-table-input descripcion col-md-12" type="text" name="descripcion" value="" /></td>' +
        '<td><input class="erp-table-input col-md-12" type="text" name="iva" value="" /></td>' +
        '<td><input class="erp-table-input col-md-12" type="text" name="cantidad" value="" /></td>'+
        '<td><input class="erp-table-input precio col-md-12" type="text" name="precio" value="" /></td>'+
        '<td><input class="erp-table-input col-md-12" type="text" name="dto_por" value="" /></td>'+
        '<td><input class="erp-table-input col-md-12" type="text" name="dto_lineal" value="" /></td>'+
        '<td><input class="erp-table-input col-md-12" type="text" name="total" value="" /></td>'+
        '</tr>';
        increment++;
        $('.presupuesto').append(RowInput);
    
    });

    $('.presupuesto').on('keyup', '.referencia_prod_'+incre, function(e){
      
        $(this).val();

     });
</script>
No sé por qué, pero no me lo coge, quería decir que es mi primer post, ya se nota, lo digo por si hay alguna forma específica de poner el código o algo, no estaría más saber para más adelante. Espero que alguien me pueda ayudar, ya que no domino muy bien el jQuery y gracias
Origen Enlace
moha
  • 1
  • 3

obtener valor de una variable de un evento y pasarlo a otro jquery

Como he puesto en el título, resulta que tengo una parte de código, en jQuery que al dar click añadir un tr con los inputs y los añado de forma dinámica, hasta aquí bien, pero luego he empezado a tener complicaciones, quiero pasar el valor de la variable incre concatenarlo con la clase de esa forma a la hora de añadir otro tr con inputs no me coge el valor del primer input.

Código de lo que tengo:

$('.add_referencia').click(function(){
    increment = 0;
    RowInput = '<tr><td><input class="referencia_prod_'+ increment+'" type="text" name="referencia"  value="" /></td>' +       
    '<td><input class="erp-table-input descripcion col-md-12" type="text" name="descripcion" value="" /></td>' +
    '<td><input class="erp-table-input col-md-12" type="text" name="iva" value="" /></td>' +
    '<td><input class="erp-table-input col-md-12" type="text" name="cantidad" value="" /></td>'+
    '<td><input class="erp-table-input precio col-md-12" type="text" name="precio" value="" /></td>'+
    '<td><input class="erp-table-input col-md-12" type="text" name="dto_por" value="" /></td>'+
    '<td><input class="erp-table-input col-md-12" type="text" name="dto_lineal" value="" /></td>'+
    '<td><input class="erp-table-input col-md-12" type="text" name="total" value="" /></td>'+
    '</tr>';
    incre =  increment++;
    $('.presupuesto').append(RowInput);

});

$('.presupuesto').on('keyup', '.referencia_prod_'+incre, function(e){
  
    $(this).val();

 });

No sé por qué, pero no me lo coge, quería decir que es mi primer post, ya se nota, lo digo por si hay alguna forma específica de poner el código o algo, no estaría más saber para más adelante. Espero que alguien me pueda ayudar, ya que no domino muy bien el jQuery y gracias