Estoy tratando de crear un select dinámico con AJAX, ya lo he conseguido, extraigo bien los datos y todo. El problema está en que necesito añadir option a ese select, dependiendo de si el id es uno u otro. Es decir, si el ID es 1, la option será x, sien embargo si el ID es 2, la option sera Y... He probado con if else, if solos y no lo hace bien, siempre se me queda en el primer resultado, es decir si el ID es 1 pone todos los option en X... Necesito hacerlo con ajax, porque esto solo lo hago cuando hago click en un check box, para que muestre todos los resultados... Mi código actual es este.
Tabla dinámica
$.ajax({
url: '/listarIncidencias',
type: 'GET',
success:function (data) {
//limpiamos toda la tabla antes de nada
$("#tablaIncidenciasTotales tbody tr").empty();
// recorremos los datos y creamos la tabla dinámica
for(var item of data){
$("#tablaIncidenciasTotales tbody").append(`
<tr>
<td>${item.cod_incidencia}</td>
<td>${item.fecha_solicitud}</td>
<td>${item.asunto}</td>
<td>${item.categoria}</td>
<td>
<select class="tecnicos">
</select>
</td>
<td>${item.nombre}</td>
<td>${item.prioridad}</td>
<td><a href='/asignarIncidencia/${item.cod_incidencia}' class='btn btn-danger'><i class='fas fa-1x fa-hammer asignar'></i></td>
<td>
<select class='estado'>"
<option>${item.estado}</option>
<option value="en seguimiento">En seguimiento</option>
<option value="finalizada">Finalizada</option>
</select>
</td>
<td><a href="/mostrarActuaciones/${item.cod_incidencia}" class='btn btn-danger'><i class="fas fa-1x fa-clipboard seguimiento"></i></button></td></a>
</tr>
`);
}// FIN FOR
Añado los option a el select con class tecnicos
for(let i=0; i<data.length; i++){
if(data[i]["asignadoA"] == null){
$(".tecnicos option").append(`
<option value="0" selected>Sin asignar</option>
`);
}else if(data[i]["asignadoA"] == 1){
$(".tecnicos option").append(`
<option value="1" selected>Fernando Reyes</option>
`);
}
/*if(data[i]["asignadoA"] == 1){
$(".tecnicos option").append(`
<option value="1" selected>Fernando Reyes</option>
`);
}
if(data[i]["asignadoA"] == 2){
$(".tecnicos option").append(`
<option value="2" selected>Victor Baena</option>
`);
}*/
/*else if(data[i]["asignadoA"] == 3){
$(".tecnicos").append(`
<option value="3" selected>Fernando Burgos</option>
`);
}
else if(data[i]["asignadoA"]== 4){
$(".tecnicos").append(`
<option value="4" selected>Roberto Quero</option>
`);
}
else if(data[i]["asignadoA"] == 5){
$(".tecnicos").append(`
<option value="5" selected>David Serrano</option>
`);
}
else if(data[i]["asignadoA"] == ""){
$(".tecnicos").append(`
<option value="" selected>null</option>
`);
}
else{
$(".tecnicos").append(`
<option value="null" selected>Error</option>
`);
}
}// FIN FOR*/
He probado a meter el append(option) dentro del for-each donde monto la tabla, pero tampoco hace nada... Espero me puedan ayudar.
Gracias de antemano
Un saludo
$("#tablaIncidenciasTotales tbody").html(data);
y acto seguido llamar a un método que "rebobine" observadores y manejadores de eventos.