Manejo números de serie por lo cual tengo un input con id="cantidad"
en el que por ejemplo si escribo 2
se insertan dos filas a mi tabla dinámica para que inserte los números de serie:
$('#cantidad').focusout(function() {
var x = $(this).val();
var a = 0;
var o = 1;
// console.log(x);
a++;
o++;
for ($i = 1; $i < x; $i++) {
$('#dynamic_field').append('<tr id="row' + o + '"><td><input type="text" name="numeroSerie[]" id="numeroSerie' + a + '" placeholder="Ingrese número de serie" class="form-control name_list"/></td></tr>');
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-xs-12 col-sm-9 col-md-6">
<div class="form-group" id="addMore">
<strong>Cantidad:</strong>
<input class="form-control" type="text" name="cantidad[]" id="cantidad">
</div>
</div>
<div class="container" id="content">
<br />
<div class="form-group">
<div class="table-responsive">
<table class="table table-bordered" id="dynamic_field">
<th>Número de serie</th>
<tr>
<td><input type="text" name="numeroSerie[]" id="numeroSerie" placeholder="Ingrese número de serie" class="form-control name_list" /></td>
</tr>
</table>
</div>
</div>
</div>
Lo que quiero enseguida es que si yo escribo otra cantidad, se actualice mi tabla agregando las filas que le indique, investigando vi que se podria hacer con onchange
pero no logro actualizar:
$(document).on('change', '#cantidad', function(){
var x = document.getElementById("#cantidad").value;
var button_id = $(this).attr("id");
document.getElementById("#row'+button_id+'").remove();
// var button_id = $(this).attr("id");
// $('#row'+button_id+'').remove();
});
name
a menos que realmente necesites acceder por id a los campos en algun momento.