dynamic-reports.js

document.addEventListener('turbolinks:load', () => {
  $('.dynamic-fy').on("change", function () {
    var fy_id = $(this).children("option:selected").val()
    $.getJSON("/dynamic_select/" + fy_id + "/projects.json?request_type=supplemental_request", function( data ) {
      $('.dynamic-project').empty();
      $('.dynamic-report').empty();
      $('.dynamic-project').append($('<option>', {value: 0, text: "-- select project --"}));
      $.each(data, function(key, val) {
        $('.dynamic-project').append($('<option>', {value: val["id"], text: val["current_title"]}));
      });
    });
  });
  $('.dynamic-project').on("change", function () {
    var proj_id = $(this).children("option:selected").val()
    $.getJSON("/dynamic_select/" + proj_id + "/requests.json", function( data ) {
      $('.dynamic-report').empty();
      $('.dynamic-report').append($('<option>', {value: 0, text: "-- select request --"}));
      $.each(data, function(key, val) {
        $('.dynamic-report').append($('<option>', {value: val["id"], text: val["name"]}));
      });
    });
  });
});