Creación Dinamica de LIneas

by Carlos Quintero

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container">

<div class="alert alert-info">
<h1>Creación Dinámica de lineas</h1>
</div>

<br>
<button type="button" name="crea" onClick="cargaProd();" class="btn btn-primary" )>
Nueva Linea
</button>
<button type="button" name="envia" class="btn btn-danger")>
Enviar
</button>
<hr>
<table class="table table-striped">
  <tr>
    <th>Nº</th>
    <th>Articulo</th>
     <th>Cantidad</th>
  </tr>
  <tbody id="listaArticulos">
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  </tbody>
  
</table>

</div>

JavaScript

var con = 1;
function cargaProd()
{
var linea = '<tr><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></tr>';

$('#listaArticulos tr:last').after(linea);

con = con+1

}