都道府県→沿線→駅のドリルダウン複数選択したい

質問

助けてください。javascript初心者です。

参考URLのように、【都道府県】→【沿線】→【駅】 のドリルダウンで、【沿線・駅を複数選択】出来るようにしたいと思っております。

添付しております画像のようなイメージです。

実現方法をご教授ください。。。

どうぞ宜しくお願い致します。

参考URL：http://wood-roots.com/web%E5%88%B6%E4%BD%9C/jqueryjavascript/%E8%B7%AF%E7%B7%9A%E2%86%92%E9%A7%85%E5%90%8D%E3%81%AE%E3%83%89%E3%83%AA%E3%83%AB%E3%83%80%E3%82%A6%E3%83%B3%E6%A4%9C%E7%B4%A2%E3%82%92api%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E6%9C%80%E9%80%9F

回答No.2

fujillin

一連のものができているとの前提で・・・

最後の「駅」の複数選択は、単純にselectをmultipleにすれば実現できます。
「沿線」も同様ですが、その際に選択された内容に応じてループ処理などで「駅」のselectを複数作成するといった仕様でよいのでしょうか？

実際には、上記のままのような処理だと、「沿線」を選択するごとに「駅」の既入力内容が初期化されてしまい、不便になる可能性があるのと、すでに表示済の駅データを何度も取得するのでは無駄が多すぎます。
それなので、「沿線」の選択内容を変数等で記憶しておいて、差分を見ながら対応する「駅」のselectを作成・削除するような処理にしておけばよろしいのではないでしょうか。

個々の処理に関しては一連の場合とほとんど同じなので特別なことはないと思いますが、複数になっている関係から、ajax時の取得内容を反映する対象（駅select要素）との対応関係に気を付ける必要があるかも。

回答No.1

yambejp

サーバー側のプログラムを利用できるならajaxで都度呼び出すことになると思います。

すべてクライアント側の処理でおこなうなら冗長なデータをJSONでもって
選択にあわせて表示を変更する感じでしょうか
ただ都道府県から駅までドリルダウンするのにデータベースを使わないでやるとなると
かなり煩雑になりそうな気がします。