Un pulsante di reimpostazione del modulo attiva un elemento select onChange event?

Question

Ho un modulo con alcuni elementi selezionati che hanno eventi onChange collegati ad essi. Vorrei che l'evento si attivasse anche quando qualcuno fa clic sul pulsante di ripristino del modulo.

La mia domanda è: reimpostare un modulo attiva un elemento select su evento Change?

Ecco un semplice esempio in 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> 

Grazie!

Answer 1

C'è un tag onreset per le forme, così si potrebbe fare qualcosa di simile:

<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> 

Questo metodo viene chiamato prima il reset avviene, anche se così può essere difficile. Immagino che tu possa fare un "Sei sicuro?" scatola. Lanciare un setTimeout nella funzione di reset sembra fare il trucco.

Answer 2

La risposta di Jack M. funziona correttamente. Ecco un altro approccio per fare lo stesso. Spero che possa aiutare qualcuno.

Scrivere codice/eventi che si desidera chiamare al centro di questa funzione. Ho provato questo. Funzionando bene.

$(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 
    }); 
});