tengo este botón que envía un formulario a través de ajax (sin cambio de página)
<button name="btn_invio" id="btn_invio-<?=$id_hotel?>" type="submit" class="btn btn-success btn-sm shadow-none" style="margin-top:5px; margin-left:5px; margin-right:5px; width:100%;">Send</button>Ahora cambio el texto cuando el usuario hace clic en el botón para que el botón cambie de "enviar" a "enviando..."
$("#btn_invio-<?=$id_hotel?>").click(function(){ $('#btn_invio-<?=$id_hotel?>').html('Sending...'); });esto esta funcionando
Ahora quiero volver a mostrar la palabra "enviar" (para enviar otro mensaje) después de enviar el formulario
¿Cómo puedo hacerlo? Gracias
Debe usar un evento de envío para su formulario. Entonces $.ajax . Algo como:
$("#yourForm").submit(function(e) { e.preventDefault(); // avoid to execute the actual submit of the form. var form = $(this); var actionUrl = form.attr('action'); $('#btn_invio-<?=$id_hotel?>').html('Sending...'); $.ajax({ type: "POST", url: actionUrl, data: form.serialize(), // serializes the form's elements. success: function(data) { $('#btn_invio-<?=$id_hotel?>').html('Send'); } }); });