[僕] SELECT 要素を連携させる

去年にも Javascript 分かんないから、if 文だけで完結させるという力技をやってのけたんだけど(ﾟﾛﾟ；)、データベースと連携したいということで、もう少し使いまわしが効くように、JavaScript & DHTMLクックブック―Webエキスパート必携テクニック集のレシピ 8.13 をチョコっと改造した。
大分類で選んだ内容にあったものを中分類にリスト、中分類で選んだものを小分類でリスト、無い場合は空にするって感じで、こんな感じ。

詳細～ヽ(´ー｀)ノ

categorydb.js
大中小のリストを入れておくファイル。コレを perl スクリプトかなんかで書き出せば OK
setcategory.js
大中カテゴリが選択された時にその下のカテゴリリストをセットする。
initcategory.js
大カテゴリをリストする。

HTML

<script type="text/javascript" src="http://sky.taro-web.com/scripts/select/categorydb.js"></script>
<script type="text/javascript" src="http://sky.taro-web.com/scripts/select/setcategory.js"></script>
<form name="search">
<select name="large" onChange="setCate(this,'medium')">
<option value="">▽大分類</option>
</select>
<select name="medium" onChange="setCate(this,'small')">
<option value="">▽中分類</option>
</select>
<select name="small">
<option value="">▽小分類</option>
</select>
</form>
<script type="text/javascript" src="http://sky.taro-web.com/scripts/select/initcategory.js"></script>

2005/04/26 大分類選択時に小分類もリセットする様にした。