दो इनपुटों में से एक के परिवर्तन पर एक कॉल

Question

मेरे पास एक पृष्ठ में नीचे दिया गया कोड है, यदि दो टेक्स्टफील्ड में से कोई एक फ़ंक्शन बदलता है तो दोनों के मानों के साथ कॉल किया जा रहा है।
कोड पूरी तरह से ठीक काम करता है, लेकिन दक्षता के हित में मैं सोच रहा था कि क्या मैं इसे कोड के एक ब्लॉक में उबाल सकता हूं।

$('#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 की अनुमति देता है एकाधिक चयनकर्ताओं, अल्पविराम से अलग:

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

आप पाते हैं आप एक से अधिक तत्वों के साथ काम करने की जरूरत है, यह बजाय एक वर्ग के नाम का उपयोग करने के लिए अक्सर आसान है। अपने इनपुट में "पॉपफील्ड" की एक श्रेणी जोड़ें और आप बस उपयोग कर सकते हैं:

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

Answer 2

उन्हें एक ही कक्षा में जोड़ें, फिर निष्पादित करें।

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

    defineDate(popfrom, poptill); 
}); 

Answer 3

'दोनों क्षेत्रों के लिए एक ही कक्षा जोड़ें और jQuery' .selector '

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

:)