スクロールバー項目ごとに、表示するものをかえる。

質問

こんにちは。
CGIでHTML::TEMPLATEをつかってプログラムをかいています。

そこで、スクロールバーを用いて、選択したものによって表示する内容を変えようと思っているのですが
うまくいきません.私が現在書いたものはこのようなかんじです。

function filter(){
var tmp='<TMPL_VAR NAME=GETRIEBE> ';
document.getElementById('waelen').innerHTML=tmp;
}
<form name="select">
<select name="waelen" onCharge="filter();">
<option value="werkstoff">werkstoff</option>
<option value="getriebe">getriebe</option>
</select>
</form>

<table><TMPL_LOOP NAME=ALLDATA>
<tr><td><TMPL_VAR NAME=DATEI> </td>
<span id="waelen"><td><TMPL_VAR NAME=WERKSTOFF> </td></span>
.....

というふうに書いていっています。項目は本当はもう少しありますが。省略しました。
これを実装すると、スクロールバーから、項目を選択した際に、<TMPL_VAR NAME=WERKSTOFF>内容がかわるはずなのですが、
うまくいきません。最初の項目だけが、消されてしまいます。おそらく最初に画面を切り替えた時しか
データがうけとれないのだとおもいます。

そこで、スクロールの項目を選ぶと、その項目に関連する内容が表示できたりできますか?
ようするに、最初からHTMLで4パターンぐらいのテーブルを作っておき、
選択内容によって、コメントアウトをはずすような仕組みです。(そうしないと、HTMLテンプレートのせいでうまくデータがとれないきがしています。)

なにか,いい方法があればよろしくお願いします。Javascriptに関する知識はあまりもっていないです。

回答No.1

fujillin · ベストアンサー

ひょとして…　「スクロールバー」ってセレクトボックスのことを言ってたりしませんか？

質問の意味がさっぱり理解できないのだけど、なんだか「連動セレクトボックス」のことを言っているような気がするけど違うのかな？？
もしそうなら、ここでも何度も質問されているし、ぐぐればいろいろ見つかる。
とりあえず、ぐぐって出てきたもの
http://lumber-mill.co.jp/gallery/view/portfolio/yosei/js/combobox
http://kawama.jp/archives/2007/03/javascript_3.html
http://www.artsnet.jp/archives/445
http://d.hatena.ne.jp/Mug/20060414/1145023696

こちらは、スクリプトオフの場合まで考慮したもの
http://d.hatena.ne.jp/Mars/20071109

意味が違っていたら、失礼。

お礼

そうですね。言葉が間違っていたみたいです。ありがとうございました