複数のselectボックスの動的リンク

質問

javascriptを使って複数のselectボックスを動的にリンクさせ、なおかつ一度選択すると、次回開いたときにselectボックスの値が前回選んだ値と同じものが初期値になる、というようなことがしたいのですがやり方がわかりません。どなたか教えてくださいっ！！

例）select1：統轄名
　　select2：営業所名
　　select3：担当者名
　　select4：担当店
　　textボックス　 ：日付を手で入力

上下に分かれたフレームの上のフレーム部分に上記のように4つのselectボックスと1つのtextボックスがあり、
1.select1で統轄を選ぶとselect2にはその統轄内の営業所だけが表示される
2.select2で営業所を選ぶとselect3にはその営業所の担当者だけが表示される
3.select3で担当者を選ぶとselect4にはその人が担当しているお店が表示される
4.更にお店を選んでtextボックスに日付を入力すると、その日付以降の注文が下のフレームに表示される

そして次回表示したときには、前回選んだものがselectボックスの初期値になっている

というようなことがしたいのです。
よろしくお願いします★

回答No.2

BlueRay

う～ん、参考からヒントを得て貰おうと言う意味で書いていたのですが・・・
では、またまた簡単にいきますね。

１．まず、select１にアイテムを追加します。
これは、サンプル１１を参考にするかベタに書いておくかですね。
そして、select1のonClickイベントでサンプル１１を使用し、select2にアイテムを追加。
２．select2のonClickイベントでサンプル１１を使用し、select3にアイテムを追加。
３．select3のonClickイベントでサンプル１１を使用し、select4にアイテムを追加。
４．日付の入力終了タイミングが、難しいと思うのでここではテキスト入力だけにして、
「一覧表示」のボタンを配置し、このボタンで注文一覧を表示するようにすればいいと思います。

回答No.1

BlueRay

では簡単に参考URLの紹介です。

・動的に、リストボックスにアイテムを追加
以下のURLを開き、「サンプル１１」を参考にしてみてください。
http://www.usagi-js.com/sample/jssample5.htm

・前回の状態を保持
クッキーに情報を登録しておけばいいので以下のURLを参考にしてみてください。
http://www.usagi-js.com/sample/jssamplecookie.htm

ガンバって下さい。

補足

参考URLのサンプル１１を見させていただいたのですが、私がやりたいのは、同一のリストボックスにアイテムを追加するのではなく、selectボックス1で県名を選ぶとselectボックス2にはその県の市町村が表示される、というようなことなのです。どうぞよろしくお願いします。
説明が下手で申し訳ないですm(__)m

参考URLですが、とても参考になります。早速お気に入りに入れちゃいました★ありがとうございます。