$(document).ready(function(){....})でラップして、HTML コントロールuserFilterが DOM に追加され、使用できるようにします。javascript

$(document).ready(function() {
   $('body').on('change', '#userFilter', function(){
      console.log('changed');
   });
});

.ready() に渡されたハンドラーは、DOM の準備が整った後に実行されることが保証されているため、通常、これは他のすべてのイベント ハンドラーをアタッチし、他の jQuery コードを実行するのに最適な場所です ( jQuery docs ) 。

OQ とは少し関係ありませんが、select が起動しないためにここにたどり着いた場合は、以前にalert(). タブを閉じてその URL を再度開いて、再び表示されるようにする必要があります。