Ver Mensaje Individual
  #6 (permalink)  
Antiguo 31/01/2018, 09:28
Avatar de xfxstudios
xfxstudios
 
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 7 años, 1 mes
Puntos: 263
Respuesta: Eliminar una linea introducido anteriomente mediante javascript

Debes crearle un id temporala cada linea para luego identificarla durante el proiceso de eliminacion:

Código HTML:
Ver original
  1. <table class="table table-striped">
  2.   <tr>
  3.     <th></th>
  4.     <th>Articulo</th>
  5.      <th>Cantidad</th>
  6.      <th></th>
  7.   </tr>
  8.   <tbody id="listaArticulos">
  9.   </tbody>
  10.  

Código Javascript:
Ver original
  1. var con = 1;
  2. function cargaProd()
  3. {
  4. var linea = '<tr id="'+con+'" ><td>'+con+'</td><td><input type="text" name="articulo[]" placeholder=" Articulo" class="form-control"/></td><td><input type="text" name="cantidad[]" placeholder="Cantidad" class="form-control"/></td><td><button id="'+con+'" onClick="eliminar(this.id)" class="btn bg-danger">Eliminar</button></td></tr>';
  5.  
  6. $('#listaArticulos').append(linea);
  7.  
  8. con = con+1
  9.  
  10. }
  11.  
  12. function eliminar(X){
  13. $("tr[id="+X+"]").remove();
  14. }

EJEMPLO
__________________
[email protected]
HITCEL