Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/08/2012, 19:48
Avatar de MrH2
MrH2
 
Fecha de Ingreso: agosto-2012
Mensajes: 4
Antigüedad: 12 años, 3 meses
Puntos: 0
Mensaje manejo de formularios con jQuery

En primer lugar saludo a toda la comunidad, les comento que soy nuevo en el mundo de jQuery he estado leyendo mucho sobre esta libreria y me decidi a usarla.
Me gustaria me ayudaran con el siguiente código. tengo una pagina en la cual listo una serie de usuarios a traves de un bucle y al lado de los nombre inserto 3 iconos, 1 para editar, otro para borrar y otro para cambiar el pass. el HTML seria el siguiente:


Código HTML:
<form  method="POST" enctype="multipart/form-data">
<input name="formCtrl" id="formCtrl" type="hidden" value="xx">
<input name="pid" id="pid" type="hidden" value="user1">
<a href="editar" class="btnForm" ><div class="editar"></div></a>
<a href="borrar" class="btnForm" ><div class="borrar"></div></a>
<a href="cambiar" class="btnForm" ><div class="cambiar"></div></a>
</form>
<form  method="POST" enctype="multipart/form-data">
<input name="formCtrl" id="formCtrl" type="hidden" value="xx">
<input name="pid" id="pid" type="hidden" value="user2">
<a href="editar" class="btnForm" ><div class="editar"></div></a>
<a href="borrar" class="btnForm" ><div class="borrar"></div></a>
<a href="cambiar" class="btnForm" ><div class="cambiar"></div></a>
</form>
<form  method="POST" enctype="multipart/form-data">
<input name="formCtrl" id="formCtrl" type="hidden" value="xx">
<input name="pid" id="pid" type="hidden" value="user3">
<a href="editar" class="btnForm" ><div class="editar"></div></a>
<a href="borrar" class="btnForm" ><div class="borrar"></div></a>
<a href="cambiar" class="btnForm" ><div class="cambiar"></div></a>
</form> 
Luego utilizo el siguiente script para capturar los click en los diferentes iconos.

Código HTML:
$(document).ready(function(){ 
$('a.btnForm').click(function(e) {
	e.preventDefault();
	var acc = $(this).attr("href");
	$('#formCtrl').attr("value",acc);
	$(this).parents().get(0).submit();
	});
})
La explicacion de lo que pretendo hacer es: que al dar click en un icono cambio el atributoo del campo ctrlForm ya se por editar, borrar o cambiar y luego envio el form. Al recibir los datos por POST en base a los valores de formCtrl y pid ejecuto las correspondientes funciones de PHP.

El inconveniente que tengo es que el script solo me funciona con la primera linea, o sea con el primer form.
en los restante no realiza el cambio de atributo de formCtrl, agredeceria me hagan notar mi error y/o me sugieran una mejor manera de hacer lo que pretendo.

Desde ya Muchas Gracias