railsでajaxを使用して、動的ドロップダウンを使いたい

Question

http://hotel.jp/のサイトのように、地域を選択したらその地域にあった都道府県が出てきて、都道府県を選んだらエリアが自動的に出てくるような構造をrailsで作りたいのですが、どのようにすればいいのかわかりません。
http://www.jalan.net/jalan/doc/jws/data/area.xmlにそってajaxを作りたいです。
よろしくお願い申し上げます。

Answer 1

国をえらんだら、都市の選択肢が自動的に変化するという例の作成方法が以下にあります。(英語ですが)

• Dynamic select boxes with Rails 4 https://kernelgarden.wordpress.com/2014/02/26/dynamic-select-boxes-in-rails-4/

動作デモ もあります。

http://hotel.jp/　での動作を ブラウザの開発ツールを使ってすこし調べてみました。
地方と県の選択リストは、html ファイルに記載してあり、地方を選ぶと javascript で県のリストを書き換えています。
県を選ぶと、ajax で エリアデータ取得しています。
(http://hotel.jp/api/pref_area_data?pref_id=3 のような url を呼び出して)

サーバーサイドで
地方をえらんだら県を返す、
県を選んだらエリアを返す
という web api を 2 つ用意すればよいとおもいます。
web api の実装では、 xml ファイルからデータを生成するようにします。
xml ファイルを hash に変換しておいて、それをつかうようにすれば、 web api を作りやすいと思います。