Jquery：selectイベントis not triggered

Question

このイベントがトリガしない理由についてのアイデアはありますか？ SELECTが変更されたとき

何も起こりません：

<select class="filterChange"> 
    <option value="all">all</option> 
    <option value="Sam">Sam</option> 
    <option value="Joan">Joan</option> 
    <option value="Eve">Eve Abagail</option> 
</select> 

jQueryのコードは以下の通りです：」

 $('document').ready(function(){ 

     // Filter changes 
     $("select.filterChange").on("change", "select", function() { 
       alert("boo"); 
       $.ajax({ 
        type: 'POST', 

        url: 'inc/changeField.php', 
        data: { 
         'foo': 'bar', 
         'var': 'variable' 
        }, 
        success: function(msg){ 
         alert('wow' + msg); 
        } 
       }); 
       return false; 
      }) 
     });   

私もChromeでのFirebugを実行しているし、それがエラーを与えないチェックどのようなエラー。 Chromeで使用している人ですか？

Answer 1

これを試してみてください：

$(document).on("change", "select.filterChange", function() { 
      alert("boo"); 
      $.ajax({ 
       type: 'POST', 

       url: 'inc/changeField.php', 
       data: { 
        'foo': 'bar', 
        'var': 'variable' 
       }, 
       success: function(msg){ 
        alert('wow' + msg); 
       } 
      }); 
      return false; 
     }); 

OR

$("select.filterChange").on("change", function() { 
       alert("boo"); 
       $.ajax({ 
        type: 'POST', 

        url: 'inc/changeField.php', 
        data: { 
         'foo': 'bar', 
         'var': 'variable' 
        }, 
        success: function(msg){ 
         alert('wow' + msg); 
        } 
       }); 
       return false; 
      }); 

Answer 2

クリックhere これはexample.`

$('select').on("change", function() { 
alert("boo"); 
});