Tengo un panel que tiene 3 áreas de texto para que un usuario agregue cierta información. Luego pasa por el proceso de ser guardado en la base de datos. En cada clic de un botón, quiero que aparezca el mismo panel vacío que permitirá al usuario ingresar múltiples entradas
Preparé este pequeño código para ti, espero que te ayude
//Simple HTML with 3 textarea <div> <form action=""> <textarea name="" id="" cols="30" rows="10"></textarea> <textarea name="" id="" cols="30" rows="10"></textarea> <textarea name="" id="" cols="30" rows="10"></textarea> <span id="btn">Click me!</span> </form> </div>Entonces, cada vez que se hace clic en el botón #btn, primero se envía el formulario y luego se borra el área de texto.
// The Javascript const btn = document.querySelector('#btn'), form = document.querySelector('form'), textarea = document.querySelectorAll('textarea') function clearFields() { for (let i = 0; i < textarea.length; i++) { textarea[i].value = ''; } } btn.addEventListener('click', function() { // functionality to asynchronously submit and save user entry to DB submitFormToServer() // Clear all the textarea clearFields() })Después de hacer clic en el botón, puede llamar a un Redireccionamiento a la misma página que borrará los cuadros de texto o los borrará explícitamente (Textbox1.Text = "", etc.)