javascript events - resetear - ¿Un botón de reinicio del formulario dispara elementos selectos en el evento Cambio?

limpiar formulario php

Question

Tengo un formulario con algunos elementos seleccionados que tienen eventos onChange adjuntos. Me gustaría que el evento se active incluso cuando alguien hace clic en el botón de reinicio del formulario.

Mi pregunta es: ¿al reiniciar un formulario se activa un elemento seleccionado en el evento Change?

Aquí hay un ejemplo simple en jQuery

<script type="text/javascript">
$(''.myselect'').change(function() {
// do something on change
});
</script>
<form action="/" method="post">
<select class="myselect" name="select1">
<option value="1">First</option>
<option value="2">Second</option>
</select>
<select class="myselect" name="select2">
<option value="1">First</option>
<option value="2">Second</option>
</select>
<!-- When this is clicked I would like it fire the change event -->
<input type="reset" value="Reset" />
<input type="submit" value="Save" />
</form>

¡Gracias!

Answer 1

Hay una etiqueta onReset para formularios, por lo que podría hacer algo como:

<script type="text/javascript">
var changeFunc = function() {
// do something on change.
};
$(''.myselect'').change(changeFunc);
</script>
<form onReset="changeFunc()" action="/" method="post">
<select class="myselect" name="select1">
<option value="1">First</option>
<option value="2">Second</option>
</select>
<select class="myselect" name="select2">
<option value="1">First</option>
<option value="2">Second</option>
</select>
<!-- When this is clicked I would like it fire the change event -->
<input type="reset" value="Reset" />
<input type="submit" value="Save" />
</form>

Este método se llama antes de que ocurra el reinicio, aunque puede ser complicado. Supongo que puedes hacer un "¿Estás seguro?" caja. setTimeout un setTimeout en la función de reinicio parece ser el truco.

Answer 2

La respuesta de Jack M. está funcionando bien. Aquí hay otro enfoque para hacer lo mismo. Espero que ayude a alguien.

Escriba el código / eventos que desea llamar en medio de esta función. He probado esto Trabajando bien.

$(document).ready(function() {
$("input:reset").click(function() { // apply to reset button''s click event
this.form.reset(); // reset the form
// call your functions to be executed after the reset
return false; // prevent reset button from resetting again
});
});