Adicionar input

Adicionar input

by Angelo Rogério Rubin

HTML

<div class="container">
    <button id="addScnt" class="btn btn-primary">ADD</button>
    <div id="p_scents"></div>
</div>

CSS

span {
    padding: 10px;
    float:left;
}
p {
    margin: 5px;
    border:1px solid #CCC;
    border-radius: 5px;
    padding: 5px;
}

JavaScript

var scntDiv = $('#p_scents');
var count = 0;
$(document).on('click', '#addScnt', function() {
    $(
      '<p data-count='+ count++ +'>'+
          '<span class="row_SD_material">'+
              '<span class="col-xs-5">'+
                  '<label>Material</label>'+
                  '<input type="text" class="form-control" placeholder="TUBO PVC DEFOFO DN 50MM" name="material[]" />'+
              '</span>'+
              '<span class="col-xs-2">'+
                  '<label>Unidade</label>'+
                  '<input type="text" class="form-control" placeholder="M"+ name="unidade[]" value="UN"/>'+
              '</span>'+
              '<span class="col-xs-2">'+
                  '<label>QTD. pedida</label>'+
                  '<input type="text" class="form-control" placeholder="10" name="quantidade_necessaria[]" />'+
              '</span>'+
              '<span class="col-xs-2">'+
                  '<label>QTD. recebida</label>'+
                  '<input type="text" class="form-control" placeholder="0" name="quantidade_recebida[]" value="0"/>'+
              '</span>'+
          '</span>'+
          '<button id="remScnt">Remover</button>'+
      '</p>'
    ).appendTo(scntDiv);
    return false;
});

$(document).on('click', '#remScnt',function() {
    $(this).parent().remove();
    return false;
});