Tengo un problema con un formulario en php-ajax y no encuentro una solución. El formulario carga los datos de un select desde la db, pero al enviar los datos al archivo ajax, siempre y siempre, me envía por POST el último valor del select, independientemente de cual se haya seleccionado. Cualquier ayuda, sería bien apreciada.
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<script>
$(document).ready(function () {
$("#formulario").bind("submit",function(){
// Capturamnos el boton de envío
var btnEnviar = $("#btnEnviar");
$.ajax({
type: $(this).attr("method"),
url: $(this).attr("action"),
data:$(this).serialize(),
beforeSend: function(){
/*
* Esta función se ejecuta durante el envió de la petición al
* servidor.
* */
// btnEnviar.text("Enviando"); Para button
btnEnviar.val("Enviando"); // Para input de tipo button
btnEnviar.attr("disabled","disabled");
},
complete:function(data){
/*
* Se ejecuta al termino de la petición
* */
btnEnviar.val("Enviar formulario");
btnEnviar.removeAttr("disabled");
},
success: function(data){
/*
* Se ejecuta cuando termina la petición y esta ha sido
* correcta
* */
$(".respuesta").html(data);
},
error: function(data){
/*
* Se ejecuta si la peticón ha sido erronea
* */
alert("Problemas al tratar de enviar el formulario");
}
});
// Nos permite cancelar el envio del formulario
return false;
});
});
</script>
<form id="formulario" action="vertr-ajax.php" method="post">
<?php
$consulta = "SELECT * FROM proveedores";
$resultado = $conexion->query($consulta);
?>
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Proveedor</th>
<th scope="col">Usuario</th>
<th scope="col">Transferir a</th>
</tr>
</thead>
<tbody>
<?php
while($fila = $resultado->fetch_assoc()) {
?>
<tr>
<th><?php echo $fila['id'];?></th>
<input type="hidden" name="id" value="<?php echo $fila['id'];?>">
<td><?php echo $fila['nombre'];?></td>
<input type="hidden" name="proveedor" value="<?php echo $fila['nombre'];?>">
<td><?php echo $fila['usuario'];?></td>
<input type="hidden" name="usuarioNuevo" value="<?php echo $fila['usuario'];?>">
<td>
<input type="submit" id="btnEnviar" name="btnEnviar" value="Enviar formulario"> </td>
</tr>
<?php
}
?>
</tbody>
</table>
</form>
<p class="respuesta"></p>
y lo que tengo en el vertr-ajax.php es:
$proveedor = $_POST['proveedor'];
$usuarioNuevo = $_POST['usuarioNuevo'];
$id = $_POST['id'];
$consulta = "UPDATE proveedores SET usuario = '123' WHERE nombre = '$proveedor'";
if ($conexion->query($consulta)==TRUE) {
$to = "[email protected]";
$subject = "Hola";
$message = "Proveedor:".$proveedor.'/<br>';
$message .= "UsuarioNuevo: ".$usuarioNuevo.'/<br>';
$message .= "ID: ".$id.'<br>';
mail($to, $subject, $message);
$status = 'ok';
} else {
$status = 'err';
}
echo $status;
Cuando selecciono cualquier valor del select, y hago el envío del formulario, siempre estoy recibiendo el último valor del select. Dónde está mi error? Alguna ayuda por favor?
<input type="submit" id="btnEnviar-<?php echo $fila['id'];?>" name="btnEnviar" value="Enviar formulario"> </td>
liga el observador de evento a click en los elementos tipo submit y desde ellos lanzas el llamado ajax (puedes disparar el form submit si te gusta)