Tengo este codigo para listar articulos dentro de un modal:
function listar(){
tipofiltro="todos";
$.ajax({
type: "POST",
url: "../gestionweb/includes/php/filtroP.php",
data: { "tf": tipofiltro},
dataType: "json",
error: function(){
alert("error petición ajax");
},
success: function(data){
content=data;
for (var i = 0; i < data.length; i++) {
var newRow =
"<tr>" +
"<td>" + data[i].codalfa + "</td>" +
"<td>" + data[i].nombre + "</td>" +
"<td>" + data[i].marca + "</td>" +
"<td>" + data[i].detalle + "</td>" +
"<td>" + data[i].precio + "</td>" +
"<td>"+"<input type='text' class='form-control input-sm-2' id='cant' tabindex='3' placeholder='cant'/>" + "</td>" +
"<td>"+
" <a class='btn btn-primary' name='agregar' id='"+data.idproducto+"' >+</a></td>"+
"</tr>";
$(newRow).appendTo("#resultadomodal tbody");
}
}
});
};
Y como veran tiene un elemento "a" con el mismo name y el idproducto, la idea es añadir a la cesta, pero no logro detectar el cliock. Lo que hice fue:
$("a[name=agregar]").click(function(){
alert('hh');
});
Selecciono por nombre, luego quisiera obtener el id del elemento que es el id del producto. Codigo completo del js:
$(document).ready(function() {
listar();
$("a[name=agregar]").on('click',function(){
alert('hh');
});
var nombreBusqueda;
$("#nombre").keyup(function() {
nombreBusqueda=$("#nombre").val();
filtrar(nombreBusqueda);
});
$("#cod").keyup(function() {
codBusqueda=$("#cod").val();
filtrarcod(codBusqueda);
});
var id;
var nombre;
var marca;
var producto;
var precio;
$("#Agregar").click(function(event){
var cantidad=$("#cant").val();
if (cantidad!==""){
var accion = "agregar";
$.ajax({
type: "POST",
url: "../gestionweb/includes/php/procesoDetalle.php",
data: {accion,id,cantidad,nombre,marca,precio},
dataType:'html',
error: function(){
alert("error petición ajax");
},
success: function(data){
alert('agre');
}
}).fail( function( jqXHR, textStatus, errorThrown ) {
if (jqXHR.status === 0) {
alert('Not connect: Verify Network.');
} else if (jqXHR.status == 404) {
alert('Requested page not found [404]');
} else if (jqXHR.status == 500) {
alert('Internal Server Error [500].');
} else if (textStatus === 'parsererror') {
alert('Requested JSON parse failed.');
} else if (textStatus === 'timeout') {
alert('Time out error.');
} else if (textStatus === 'abort') {
alert('Ajax request aborted.');
} else {
alert('Uncaught Error: ' + jqXHR.responseText);
}
});
} else{
alert("ingrese cantidad");
}
});
function filtrarcod(dato){
var filtrado=[];
var existe;
for(var i = 0; i < content.length; i++) {
if (content[i].codalfa.toLowerCase().indexOf(dato.toLowerCase())!=-1) {
filtrado.push(content[i]);
}
}
if (filtrado.length>0) {
$("#resultadomodal tbody").empty();
for (var i = 0; i < filtrado.length; i++) {
var newRow =
"<tr>" +
"<td>" + filtrado[i].codalfa + "</td>" +
"<td>" + filtrado[i].nombre + "</td>" +
"<td>" + filtrado[i].marca + "</td>" +
"<td>" + filtrado[i].detalle + "</td>" +
"<td>" + filtrado[i].precio + "</td>" +
"<td>"+"<input type='text'class='form-control input-sm' id='cant'tabindex='3' placeholder='cant'/>" + "</td>" +
"<td>"+
" <a class='btn btn-primary' name='agregar' id='"+filtrado.idproducto+"'>+</a></td>"+
"</tr>";
$(newRow).appendTo("#resultadomodal tbody");
}
}};
function filtrar(dato){
var filtrado=[];
var existe;
for(var i = 0; i < content.length; i++) {
if (content[i].nombre.toLowerCase().indexOf(dato.toLowerCase())!=-1) {
filtrado.push(content[i]);
}
}
if (filtrado.length>0) {
$("#resultadomodal tbody").empty();
for (var i = 0; i < filtrado.length; i++) {
var newRow =
"<tr>" +
"<td>" + filtrado[i].codalfa + "</td>" +
"<td>" + filtrado[i].nombre + "</td>" +
"<td>" + filtrado[i].marca + "</td>" +
"<td>" + filtrado[i].detalle + "</td>" +
"<td>" + filtrado[i].precio + "</td>" +
"<td>"+"<input type='text' class='form-control input-sm' id='cant'tabindex='3' placeholder='cant'/>" + "</td>" +
"<td>"+
" <a class='btn btn-primary' name='agregar' id='"+filtrado.idproducto+"' >+</a></td>"+
"</tr>";
$(newRow).appendTo("#resultadomodal tbody");
}
}};
function listar(){
tipofiltro="todos";
$.ajax({
type: "POST",
url: "../gestionweb/includes/php/filtroP.php",
data: { "tf": tipofiltro},
dataType: "json",
error: function(){
alert("error petición ajax");
},
success: function(data){
content=data;
for (var i = 0; i < data.length; i++) {
var newRow =
"<tr>" +
"<td>" + data[i].codalfa + "</td>" +
"<td>" + data[i].nombre + "</td>" +
"<td>" + data[i].marca + "</td>" +
"<td>" + data[i].detalle + "</td>" +
"<td>" + data[i].precio + "</td>" +
"<td>"+"<input type='text' class='form-control input-sm-2' id='cant' tabindex='3' placeholder='cant'/>" + "</td>" +
"<td>"+
" <a class='btn btn-primary' name='agregar' id='"+data.idproducto+"' >+</a></td>"+
"</tr>";
$(newRow).appendTo("#resultadomodal tbody");
}
}
});
}
});