ドロップダウンリストボックスの連動

質問

WEB系システムで、２つのドロップダウンリストボックスを以下の様に連動させたいです。

例えば以下のようなデータがあるとします。

部門コード100　部門名：営業部　　課コード600　課名：対建築業界担当課
部門コード100　部門名：営業部　　課コード700　課名：対小売業界担当課
部門コード200　部門名：ＩＴ部　　課コード600　課名：インフラ担当課
部門コード200　部門名：ＩＴ部　　課コード700　課名：保守・運用担当課

画面に「部門名選択ドロップダウンリストボックス」と「課名選択ドロップダウンリストボックス」があるとき、
営業部を選んだら、営業部の課だけを選べるようにし、
ＩＴ部を選んだら、ＩＴ部の課だけを選べるようにしたいです。

JavasScriptの案（JQueryを使う・使わないはどちらでも）、Ajaxの案など、色々あるのかもしれないですが、何か参考となるサイトなどありますでしょうか？
サンプルソースを探しています。

※画面のリロードなしでやりたいです。

宜しくお願いします。
．

回答No.1

tatsucoo · ベストアンサー

こんな例でだいじょうぶですか？
基本的にはイベントを拾ってあげればいいと思います。

参考URL：

http://c-man.s21.xrea.com/mars/md20071109.html

お礼

階層が何個になっても対応できる点、思わず感嘆の声がでました。
ありがとうございます！