Tengo una tabla, el cual voy agregando elemento dinamicamente desde una colsulta a la base de datos y ajax.
<table id="detalleMaquinasOrdenRetiro">
<thead>
<tr>
<th width="80">Item</th>
<th>Serie</th>
<th>Código</th>
<th>Descripción</th>
<th width="30">Cantidad</th>
<th></th>
</tr>
</thead>
<tbody class='items'>
</tbody>
</table>
Y aqui mi ajax:
var i = 1;
$(document).on("click", ".btnAddMaquina", function (e){
// Almacenamos el valor de serie
var serieMaquina = $(this).attr("serieMaq");
// Valida maquina repetida y elimina fila
validarMaquinaRepetida();
var dataMaquina = new FormData();
dataMaquina.append("serieMaq", serieMaquina);
$.ajax({
type: "post",
url: "listar_maquina.php",
data: dataMaquina,
dataType: "json",
cache: false,
contentType: false,
processData: false,
success: function (response) {
$(".items").append("<tr>"+
"<th scope='row'>"+i+"</th>"+
"<td><input id='serieMaquinaAdd' name='serieMaquinaAdd[]' type='hidden' value='"+response[2]["Serie"]+"'>"+response[2]["Serie"]+"</th>"+
"<td><input id='codigoMaquinaAdd' name='codigoMaquinaAdd[]' type='hidden' value='"+response[2]["Codigo"]+"'>"+response[2]["Codigo"]+"</td>"+
"<td><input id='descripcionMaquinaAdd' name='descripcionMaquinaAdd[]' type='hidden' value='"+response[2]["Descripcion"]+"'>"+response[2]["Descripcion"]+"</td>"+
"<td><input id='cantidadMaquinaAdd' name='cantidadMaquinaAdd[]' type='number' min='1' value='1' size='6'></td>"+
"<td><button name='btnDelMaquina' serieMaq='"+response[2]["Serie"]+"' class='btn btn-danger btnDelMaquina'><i class='fa fa-trash'></i></button></td>"+
"</tr>").fadeIn('slow');
i++;
}
})
e.preventDefault();
});
Buscando, pille un script en este mismo foro, el cual elimina los elementos duplicados que se encuentren en la tabla de forma automatica, el cual me funciona sin problema:
function validarMaquinaRepetida() {
var values = $("#detalleMaquinasOrdenRetiro tr td:first").map(function(){
return {e: this, val: $(this).html()};
});
$.each(values, function(i,e){
$.each(values,function(ind,el){
if(el.val == e.val){
$(el.e).parents("tr").remove();
}
});
});
}
El asunto es que quiero cambiar ese procedimiento, en vez de remover el elemento repetido, que no sea agregado a la tabla y ademas que despliegue una alerta informando al usuario, pero no logro que funcione de esta forma... Modifique el script haciendo que en vez de realizar el remove, retorne un true la funcion, y asi yo poder validarlo en script donde genero dinamicamente el tr en la tabla y evitar crearlo (no se si me explico bien), pero al hacerlo no funciona, y realizando un console.log, este solo devuelve indefinido:
function validarMaquinaRepetida() {
var values = $("#detalleMaquinasOrdenRetiro tr td:first").map(function(){
return {e: this, val: $(this).html()};
});
$.each(values, function(i,e){
$.each(values,function(ind,el){
if(el.val == e.val){
return true;
}
});
});
}
Espero me puedan ayudar y de antemano gracias.
response
siempre en su campo [2], entonces que es lo que le estas regresando en esa consulta de ajax, o sea retornas un arreglo, o solo retornas un dato. No sé que tiene el atributo serieMaq, podrías especificar eso para poder ayudarte mejor.