【Rails】Ajaxで動的な都道府県セレクトボックスを実現する～ancestryによる多階層構造データ～

Question

実現したいこと

rails初心者です。
ancestryで作成した都道府県データを用いて、選択肢を動的(親・子・孫)に変化させる機能を実装したいと考えております。
【親要素を選択⇒その変化でイベントが発火して子要素のセレクトボックスが作られる⇒その変化で孫要素のセレクトボックスが作られる仕様】
ancestryによる多階層構造データを用いて、動的カテゴリーセレクトボックスを実現するAjax

ユーザーが記事を投稿する際に、記事に対してどの都道府県に関する記事なのかを紐づけたいと考えています。
都道府県のデータは事前にancestryのgemを用いてseed-fuにて作成済みです。
上記の記事を参考に実装したのですが、新規投稿時は問題無く動いているのですが、
編集ページにおいて投稿時に選択した値が入っておらず、親カテゴリーを選択しても、イベントが発火せず子カテゴリーが表示されません。

chromeの検証コンソールにおいて下記のエラーが出てしまっています。

Routing Error
No route matches [GET] "/posts/18/get_prefecture_children"

またviewで投稿された都道府県のデータを表示したいと考えているのですが、いろいろと試してみたのですが、うまくいかず困ってしまっています。
postsテーブル多ーprefecturesテーブル1の関係で紐づけております。

コード

routes.rb

resources :posts, only: [:index, :show, :new, :create, :edit, :update, :destroy] do
    
    collection do
      get 'get_prefecture_children', defaults: { format: 'json' }
      get 'get_prefecture_grandchildren', defaults: { format: 'json' }
    end
  end

posts_controller.rb

def new
    @prefecture_parent_array = ["---"]
    Prefecture.where(ancestry: nil).each do |parent|
      @prefecture_parent_array << parent.name
    end    
 end

def edit
    @prefecture_parent_array = ["---"]
    Prefecture.where(ancestry: nil).each do |parent|
      @prefecture_parent_array << parent.name
    end
    
 end

def get_prefecture_children
    @prefecture_children = Prefecture.find_by(name: "#{params[:parent_name]}", ancestry: nil).children
  end
def get_prefecture_grandchildren
    @prefecture_grandchildren = Prefecture.find("#{params[:child_id]}").children
  end
end

get_prefecture_children.json.jbuilder

json.array! @prefecture_children do |child|
  json.id child.id
  json.name child.name
end

get_prefecture_grandchildren.json.jbuilder

json.array! @prefecture_grandchildren do |grandchild|
  json.id grandchild.id
  json.name grandchild.name
end

edit.html.erb

      <div class="listing-form-box">
        <div class="listing-post-detail__prefecture">
          <%= f.label '都道府県を選択', class: 'listing-default__label' %>
            <span class="listing-default--require"></span>
          <div class="listing-select-wrapper">
            <div class="listing-select-wrapper__box">
              <%= f.select :prefecture, @prefecture_parent_array, {}, {class: 'listing-select-wrapper__box--select', id: 'parent_prefecture'} %>
            </div>
          </div>
        </div>
      </div>

prefecture.js

$(function(){
  // カテゴリーセレクトボックスのオプションを作成
  function appendOption(prefecture){
    var html = `<option value="${prefecture.name}" data-prefecture="${prefecture.id}">${prefecture.name}</option>`;
    return html;
  }
  // 子カテゴリーの表示作成
  function appendChidrenBox(insertHTML){
    var childSelectHtml = '';
    childSelectHtml = `<div class='listing-select-wrapper__added' id= 'children_wrapper'>
                        <div class='listing-select-wrapper__box'>
                          <select class="listing-select-wrapper__box--select" id="child_prefecture" name="prefecture_id">
                            <option value="---" data-prefecture="---">---</option>
                            ${insertHTML}
                          <select>
                        </div>
                      </div>`;
    $('.listing-post-detail__prefecture').append(childSelectHtml);
  }
  // 孫カテゴリーの表示作成
  function appendGrandchidrenBox(insertHTML){
    var grandchildSelectHtml = '';
    grandchildSelectHtml = `<div class='listing-select-wrapper__added' id= 'grandchildren_wrapper'>
                              <div class='listing-select-wrapper__box'>
                                <select class="listing-select-wrapper__box--select" id="grandchild_prefecture" name="prefecture_id">
                                  <option value="---" data-prefecture="---">---</option>
                                  ${insertHTML}
                                </select>
                              </div>
                            </div>`;
    $('.listing-post-detail__prefecture').append(grandchildSelectHtml);
  }
  // 親カテゴリー選択後のイベント
  $('#parent_prefecture').on('change', function(){
    var parentPrefecture = document.getElementById('parent_prefecture').value; //選択された親カテゴリーの名前を取得
    if (parentPrefecture != "---"){ //親カテゴリーが初期値でないことを確認
      $.ajax({
        url: 'get_prefecture_children',
        type: 'GET',
        data: { parent_name: parentPrefecture },
        dataType: 'json'
      })
      .done(function(children){
        $('#children_wrapper').remove(); //親が変更された時、子以下を削除する
        $('#grandchildren_wrapper').remove();
        $('#size_wrapper').remove();
        $('#brand_wrapper').remove();
        var insertHTML = '';
        children.forEach(function(child){
          insertHTML += appendOption(child);
        });
        appendChidrenBox(insertHTML);
      })
      .fail(function(){
        alert('カテゴリー取得に失敗しました');
      })
    }else{
      $('#children_wrapper').remove(); //親カテゴリーが初期値になった時、子以下を削除する
      $('#grandchildren_wrapper').remove();
      $('#size_wrapper').remove();
      $('#brand_wrapper').remove();
    }
  });
  // 子カテゴリー選択後のイベント
  $('.listing-post-detail__prefecture').on('change', '#child_prefecture', function(){
    var childId = $('#child_prefecture option:selected').data('prefecture'); //選択された子カテゴリーのidを取得
    if (childId != "---"){ //子カテゴリーが初期値でないことを確認
      $.ajax({
        url: 'get_prefecture_grandchildren',
        type: 'GET',
        data: { child_id: childId },
        dataType: 'json'
      })
      .done(function(grandchildren){
        if (grandchildren.length != 0) {
          $('#grandchildren_wrapper').remove(); //子が変更された時、孫以下を削除する
          $('#size_wrapper').remove();
          $('#brand_wrapper').remove();
          var insertHTML = '';
          grandchildren.forEach(function(grandchild){
            insertHTML += appendOption(grandchild);
          });
          appendGrandchidrenBox(insertHTML);
        }
      })
      .fail(function(){
        alert('カテゴリー取得に失敗しました');
      })
    }else{
      $('#grandchildren_wrapper').remove(); //子カテゴリーが初期値になった時、孫以下を削除する
      $('#size_wrapper').remove();
      $('#brand_wrapper').remove();
    }
  });
});

試したこと

知識不足の為どう修正していけばいいのか本当に分かりません。
ぜひともご教授ください。
よろしくお願いいたします。