Este script lo que hace es evaluar un dato de la bbdd y lo retorna a un input. El problema es que lo estoy ocupado en una tabla dinámica y al momento de ir agrando fila se va modificando solo la primera fila. no se van agregando según la fila correspondiente. Por ejemplo en la primera linea selecciono una patente xxxx00 y 100 km al agregar la segunda fila selecciono otra patente y su km es de 200km pero no se guarda en la misma fila y pasa la primera. Dado que la primera tiene 100km lo cambia a 200km. Cómo puedo solucionar ese problema.
<script>
$(document).on('change', '#id_tracto', function(event) {
var valor= $(this).val();
console.log(valor);
$.ajax({
data : { valor : valor },
url : 'Cargar_Datos_Kilometraje/Cargar_Valor_Kilometraje.php',
dataType : 'json',
type: 'POST',
success : function(json) {
$("#kilometraje_actual").val(json.kilometraje_actual);
},
error : function(xhr, status) {
alert('Disculpe, existió un problema');
}
});
});
</script>
#Este script me ayuda agregar una nueva fila. Cada vez que presiono un botón se va cargado una nueva fila
<script>
$(document).ready(function(){
$("#AgregarFila").click(function(){
var TablaKilometraje = document.getElementById("tablaprueba");
$("#tablaprueba").append("<tr>"+TablaKilometraje.rows[0].innerHTML+"</tr>");//1
$('.borrar').off().click(function(e) {
$(this).parent('td').parent('tr').remove();//2
});
});
});
</script>
#Este script es el que llena el select
<script>
$(document).ready(function () {
const select = document.getElementById('id_tracto');
function CargarPatente() {
$.ajax({
url: 'Cargar_Datos_Kilometraje/Datos_Tracto_Kilometraje.php',
type: 'GET',
success: function(response) {
const patente=(response)
const options= document.createElement("option");
patente.forEach(departamento => {
const option = new Option(departamento.patentes , departamento.idtracto)
select.append(option)
})
}
})
}
CargarPatente()
})
</script>
#aqui estamos en el html
<tbody id="tablaprueba">
<tr>
<td class="col-sm-3"><select class="form-select" id="id_tracto" name="id_tracto[]"><option value="">SELECCIONAR PATENTE</option></select></td>
<td class="col-sm-3"><input type="text" class="form-control" name="kilometraje_actual[]" id="kilometraje_actual" value="" readonly/></td>
<td class="col-sm-3"><input type="" class="form-control" id="kmactual" name="kmactual" ></td>
<td class="col-sm-3"><button type="button" class="btn btn-outline-danger borrar" id="borrar" >ELIMINAR</button></td>
</tr>
</tbody>