2つのフォームを使用して$（document）.on

Question

を起動するこんにちは、私はjQueryのスクリプトを使用して、class="data"という1つのフォームの更新時にトリガーされます。私は2つの形態（日付やformxpto）のいずれかを変更するときに、私のスクリプトがトリガされます

$(document).on('change', '.date', '.formxpto', function(){ #my-code-here} 

：私は何をしたいことは2つの形態、このようなものを使用して私のスクリプトをトリガである

$(document).on('change', '.data' function(){ #my-code-here } 

Answer 1

私が理解すれば、複数のクラスをイベントにバインドし、その間にカンマを使用してjqueryセレクタでバインドしたいだけです。

$(document).on('change', '.date, .formxpto', function(){ 
 
    console.log('changed'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select class="date"> 
 
    <option>foo</option> 
 
    <option>bar</option> 
 
</select> 
 

 
<select class="formxpto"> 
 
    <option>foo</option> 
 
    <option>bar</option> 
 
</select>