前提・実現したいこと
gem 'activeadmin'を利用して投稿機能のある管理画面を作成しています。
JavaScriptのonChangeを利用し、
項目A(areas)の選択結果により、項目B(prefectures)の選択肢が絞られるものを目指して作成中です。
areasのカラム/no(主キー)・name
prefecturesのカラム/no(主キー)・name・area_no
※areasとprefecturesは関連付けが行われています。
発生している問題・エラーメッセージ
以下のサイトを参考にコードを記載しているつもりなのですが、
なぜか「area」を選択しても「prefectures」で全選択肢がで続けます・・・
記載したソースコードも載せますので、原因の検討がつく方がいらっしゃれば、アドバイスいただけますでしょうか。
よろしくお願いいたします。
https://teratail.com/questions/51633
該当のソースコード
#フォーム form do |f| f.inputs do f.input :title f.input :area_no, as: :select, collection: Area.all.map { |area| [area.name, area.no] }, :input_html => { :onchange => " var area_no = $(this).val(); $('#search_prefecture_no').val(0).find('option').each(function(){ var $option = $(this); var isThisArea = ($option.attr('data-area') == area_no); if (!isThisArea) { $option.remove(); } }); " } f.input :prefecture_no, as: :select, collection: Prefecture.all.map { |prefecture| [prefecture.name, prefecture.no, {"data-area" => prefecture.area_no}] } end f.actions end
表示状況
以下のように問題なく表示はされている状態で投稿はできるのですが、
上の条件分岐が動かない状況です。
回答1件
あなたの回答
tips
プレビュー