Necesito restablecer solo los campos de formulario que se modifican (restablecer al valor anterior).
Traté de usar el restablecimiento pero restablece por completo todo el formulario y no necesito esto.
¿Cómo puedo hacer esto?
function clearResult() { document.getElementById("save").reset(); } <div class = "container"> <form method="post" id="save" onload="onLoad()"> <div class="field"> <label for="id"> ID:</label> <input type="number" id="id" name="id" /> </div> <div class="field"> <label for="type"> Fragment Type: </label> <input type="text" id="type" name="type" /> </div> <div class="button"> <button type="submit" class="full">Save changes</button> <input type="button" value="Cancel" onclick="clearResult()" /> </div> </form> </div>En primer lugar, debe almacenar los valores predefinidos de los elementos del formulario para restablecerlos cuando desee restablecerlos.
Luego puede usar estos valores iniciales definidos globalmente para restablecerlos cada vez que ocurra un evento de reinicio.
var id, type; const form = document.getElementById('save'); document.onload = (event) => { id = form.id.value; type = form.type.value; }; function clearResult() { form.id.value = id; form.type.value = type; };fue sencillo Cuando se carga la página, solo obtenga valores de esos campos. Hacer con document.onload :
var firstValue = document.getElementById("yourFieldId").value;Después de enviar el formulario, obtenga valores como los siguientes:
var currentValue = document.getElementById("yourFieldId").value;Y después de enviar en reinicio, verifique si los VALORES ACTUALES son iguales a los VALORES DE LA PRIMERA VEZ Ejemplo
if(firstValue != currentValue){ document.getElementById("yourFieldId").value = firstValue; }