una chiamata al cambio di uno dei due ingressi

Question

Ho il codice seguente in una pagina, se uno dei due campi di testo cambia una funzione viene richiamata con i valori di entrambi.
Il codice funziona perfettamente, ma nell'interesse dell'efficienza mi chiedevo se riuscissi a ridurlo a un singolo blocco di codice.

$('#popfrom').change(function(){ 
    var popfrom = $('#popfrom').val(); 
    var poptill = $('#poptill').val(); 

    defineDate(popfrom, poptill); 
}); 

$('#poptill').change(function(){ 
    var popfrom = $('#popfrom').val(); 
    var poptill = $('#poptill').val(); 

    defineDate(popfrom, poptill); 
}); 

Answer 1

JQuery permette più selettori, separati da virgole:

$('#popfrom, #poptill').change(function(){ ... 

Se si scopre che è necessario per lavorare con più elementi, è spesso più facile da usare un nome di classe, invece. Aggiungere una classe di "popfields" agli ingressi e si può semplicemente utilizzare:

$('.popfields').change(function(){ ... 

Answer 2

aggiungerli alla stessa classe, quindi eseguire.

$('.popClass').change(function(){ 
    var popfrom = $('#popfrom').val(); 
    var poptill = $('#poptill').val(); 

    defineDate(popfrom, poptill); 
}); 

Answer 3

Aggiungi stessa classe per entrambi i campi e selezionarli utilizzando jQuery '.selector'

$('.classOfTheTextFiled').change(function(){ .... 

:)