JQuery: select event isnt triggered

Question

Любые идеи о том, почему это событие не запускается?

Ничего не происходит, когда ВЫБРАТЬ изменяется:

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

Я также работает Firebug в Chrome и он не дает никаких ошибок, что проверка ошибок инструментом являются люди, использующие в 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; 
     }); 

ИЛИ

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