onchange函數ajax調用在firefox中不起作用

Question

我創建了一個表單，其中select_tag包含一個onchange函數：

表格（ advertisments / _form.html.erb ）：

<div class="controls advertise-medium-select">
   <%= select_tag 'advertisment[medium_id]', options_for_select(@mediums.collect { |mid| [mid.name, mid.id] }), :prompt => 'Select Media', onchange: 'get_media_categories()' %>
</div>

在我的advertisments.js文件中：在這里，如果我更改select_tag選項，則控制台日志將始終打印medium ，但不會轉到fetch_media_categories方法。

function get_media_categories(){
    var medium = $('#advertisment_medium_id option:selected').val();
    console.log(medium);
    $.ajax({
        url: '/advertisments/fetch_media_categories',
        type: 'GET',
        data: {medium_id: medium}
    })
}

我的路線文件：

resources :advertisments do
    collection do
      get :fetch_media_categories, :fetch_media_pages
    end
  end

和application.js文件：

//= require jquery
//= require jquery.easing.1.3
//= require jquery_ujs
//= require twitter/bootstrap
//= require jquery.fancybox.pack
//= require jquery.fancybox-media
//= require prettify
//= require jquery.quicksand
//= require setting
//= require jquery.flexslider
//= require animate
//= require custom
//= require pricing_custom
//= require advertisments
//= require_tree .

目前，onchange函數可在chrome上運行，但不適用於Firefox（39.0版）。 有人有什么主意嗎？

Answer 1

在advertisment.js中嘗試一下

 $(function () {

  $('#advertisment_medium_id').on('change', function() {
      var medium = $('#advertisment_medium_id option:selected').val();
      console.log(medium);
      $.ajax({
          url: '/advertisments/fetch_media_categories',
          type: 'GET',
          data: {medium_id: medium}
      });
  });

});